The content slider block cover over the drop-down menu

Hi there, I have the same problem the primary menu was working ok untill I recently made some changes in local css (header primary menu - changed border to 5px solid #FFA812 and added opacity 0.9 ) .. I was going to look into that shortly but maybe someone knows the trick, if not than ..hey zhongguo at least you're not alone ;)

... sorry I think my problem is similar but not the same as I don't have the content slider module ..

Adding z-index: 0; in the contentslider.css fixes it for me in Firefox. But I don't think it fixes it in IE.

I take it back, it fixed it in both browsers. My AD Group Policy was setting some IE settings which was causing the problem in IE. I managed to resolve it.

I added z-index: 0; to the following in contentslider.css:

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid #1a680b;
border-bottom-width: 6px;
width: 530px; /*width of featured content slider*/
height: 250px;
z-index: 0;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 520px; /*width of content DIVs within slider. Total width should equal slider's inner width (540+5+5=550) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
z-index: 0;
}

.pagination{
width: 530px; /*Width of pagination DIV. Total width should equal slider's outer width (550+10+10=570)*/
text-align: right;
background-color: #1a680b;
padding: 5px 10px;
z-index: 0;
}

I had the same problem but no matter where I amended the CSS if you left the page open for 10 mins the slider would end up over the drop out menus.

My *ahem* fix was to amend the module js, I realise it's probably not the right way to go but it does work. I basically watched the z-index until it became a problem (around z-index:100 fopr me) and added this reset to the setting.topzindex integer.

130  /* 
131      Hack contentslider.js file to reset z-index
132	    Pick a number you are happy with in the if statement
133      and insert this block before 'setting.currentpage=turntopage'
134  */
135	if (setting.topzindex == 100) {
136		setting.topzindex = 1
137	}
138	// End Hack //

Elegant, No!

Can this issue be closed now?