[Solved] Problem with Drop down menu hiding under Image Slider

[Darkruler571]

i am trying to make a website for my class and i am using dreamweaver to put it together and what not. and i am using Jquery and orbit ( i think its a jquery plugin). the dropdown is just jquery while the slider is orbit. the site is
http://mywebspace.quinnipiac.edu/cjmartin/idd_410/Roadside/index.html

however i cant figure out why it keeps going behind the slider. ive changed the position from absolute to relative. it does fix the problem but hten the sub menu moves and it moves the slider down when the sub menu comes down.

ul.topnav li ul.subnav {list-style: none;position: absolute; /*–Important – Keeps subnav from affecting main navigation flow–*/left: 0; top: 35px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 170px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border: 1px solid #111;}

the menu was from
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
and the orbit plugin was from
http://www.zurb.com/playground/jquery_image_slider_plugin

any help would be much appreciated.

[zubak]

hello.. add this to your css file under “ul.topnav li”

z-index:1000;

:)

[Darkruler571]

Thank you for posting, however it didnt work :(

[Poppoll]

This will do:
ul.topnav {position:relative;z-index:99}

[Darkruler571]

Thank you sir. i started to play with it and i eventually got it it was

.slidercontainer { width: 940px; position:absolute; z-index: -1000}

THANK YOU SO MUCH now my hair will not be fully gray before the age of 22

[noel.alam]

Thank you Darkruler571 it worked!!

[mcsc]

It is always nice to see when a 9-year-old problem once becomes resolved ))

[Author]

Posts