Ultimate Fade-in slideshow error

[concep86]

I am using Ultimate Fade-in slideshow in congunction with ADxMenu and they are working great on firefox but in ie it appears that the slideshow kills the menu... The menu seems too fade away over the slideshow.


I have tried playing with the z-index, but cant figure it our... check it out... if you have firefox and ie compare in both browsers and see what I mean.

http://staging.softplay.com/default.asp


Any help in resolving this would be greatly appreciated...

concep86

[jscheuer1]

From your source, addition red:

</script>
<!-- #### NIFTY CUBE CODE ###   ABOVE    ##################################### -->
<script type="text/javascript" src="/js/rotate-home.js"></script>
<style type="text/css" media="all">
	@import "/css/css-importedv2.css";
#navbar {
position:relative;
z-index:30000;
}
</style>
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */
.menu, .menu

Added Later:

I also noticed that the layout, though fine in IE 6 gets messed up in IE 7. Add this, just before the adjustments for IE 6 so that you would now have:

</script>
<!-- #### NIFTY CUBE CODE ###   ABOVE    ##################################### -->
<script type="text/javascript" src="/js/rotate-home.js"></script>
<style type="text/css" media="all">
	@import "/css/css-importedv2.css";
#navbar {
position:relative;
z-index:30000;
}
</style>
<!--[if gte IE 7]>
<style type="text/css">
#header-centercolumn, #header-leftcolumn{
position:relative;
height:130px;
}
#leftcolumn, #rightcolumn, #centercolumn {
position:relative;
top:30px;
}
</style>
<![endif]-->
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */
.menu, .menu ul {
	height: 1%;
}

.menu ul {
	backgrou

[concep86]

awesome...

Implemented your changes and life is great again.




Thanks

concep86