css and Ultimate Fade-in slideshow (v1.51)

[gretela]

1) Script Title: Ultimate Fade In Slide Show

2) Script URL (on DD):http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: IE7 and CSS Menus don't seem to work with the slide show.

I am using basic CSS drop down menu and in IE7 it falls behind the script. I was able to fix the problem in IE6 by using Z-Index but that did not fix the problem in IE7. Are there any other suggestions or am I missing something easy?

(I'm more of a CSS person than JavaScript, that is why I like Dynamic Drive.)

[Snookerman]

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

[gretela]

http://www.ubakegoodies.com/index.php

If you look at the Product menu in IE 7 you will see that it falls behind the slideshow.

Thanks.

[Snookerman]

For z-index to work, the element must be positioned, try adding this to your css code:

#nav_lower li a { //_stylesh..._menu.css (line 64)
display:block;
margin:0;
padding:0;
text-decoration:none;
z-index:9;
position: relative;
}

Good luck!

[jscheuer1]

For z-index to work, the element must be positioned, try adding this to your css code:

#nav_lower li a { //_stylesh..._menu.css (line 64)
display:block;
margin:0;
padding:0;
text-decoration:none;
z-index:9;
position: relative;
}

Good luck!

That doesn't appear to work, while this does (from the css/_stylesheet_menu.css file):

/*main headings*/
#nav_lower {
	padding:0;
	margin:0; 
	LIST-STYLE-TYPE: none;
	position: relative;
	z-index: 10000;
}

[gretela]

These worked. Thank you both.

Have a great week!