IE Drop Down Error

[ryanorr 0]

Hello, I cannot figure out why the dropdown menu will not show on IE. I have read through the forums and tried different z-index variations but am not making any progress. My site is http://blog.orrhomes.com. The dropdowns do not even show past the header. Everything works perfect in chrome, firefox and safari. Any help would be great appreciated.

[cmunns 16]

I recently experienced this and the workaround was to include the feature slider in the same template area as the nav e.g. put it in the header....then hide it by default in the template setup...then go back to the home page edit screen and show it using the section control

[ryanorr 0]

Thanks for your help. I actually had the feature in the header template with hide by default on. I just removed the feature completely and the menu still did not show up over the main content. Any other ideas? Thanks so much, Ryan

[cmunns 16]

Did you add any custom css anywhere? Adding position:relative to some of the elements would cause this to misbehave. Also are you sure it's hiding behind content or is it not working at all?

[ryanorr 0]

I figured what was causing it. It was the code I had here:

	#nav_row.main_nav, .main_nav ul.sf-menu ul li {
	    border-bottom:0;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* webkit */
	[b]filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie */
	[/b]     -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;

} Not sure why IE didnt like that line but after taking it out the menu works perfect. Thank you for your help.

[bryan-hadaway 3]

Thanks for sharing, first karma point. Also, IE has lots of problems, especially when it comes to handling code errors. You can check your work for errors via: http://validator.w3.org/ and http://jigsaw.w3.org/css-validator/ Thanks, Bryan