Drop down menu behind slideshow

[dianneh]

Hi
I am using a CSS based drop down menu and the Fade-in slideshow (v2.6) on a test site. I cannot seem to get the dropdown menu to go over the slideshow (it is hidden behind). I have tried manipulating the z-index but nothing has worked. Any ideas?

Thanks

[Beverleyh]

Unfortunately, we can't diagnose anything we can't see, so you'll need to post a link to your site so that we can help you troubleshoot.

[dianneh]

Unfortunately, we can't diagnose anything we can't see, so you'll need to post a link to your site so that we can help you troubleshoot.

Hi Beverley

here is a link to the test: http://www.tabooni.com/buildin-pro-test2/index.html

Thanks
Dianne

[Beverleyh]

You were on the right lines with z-index - you just need to go a little higher.

The slideshow's JavaScript is switching between z-index:999; and z-index:1000; (depending on which slide is active) so make your menu z-index at least 1001 to get it to show over the top.

I would personally play it safe with;


#navigation ul {
z-index:9999;
}

[dianneh]

Thanks Beverly - it is working now! BTW - how do a send a "thanks"?

[Beverleyh]

No problem.

To log a "Thanks", you click the little grey thumbs-up icon at the bottom left of a post :)