Welcome!

[one9ooh6]

I am using the following CSS code for a drop down menu:

#navigation li ul { /* hide submenu */
margin-left: -999em;
position: absolute;
}
#navigation li:hover ul { margin-left: 0; } /*show submenu */


Unfortunately, the above code does not work in IE 6. Any suggestions? Thoughts.

[Andy]

I am using the following CSS code for a drop down menu:

#navigation li ul { /* hide submenu */
margin-left: -999em;
position: absolute;
}
#navigation li:hover ul { margin-left: 0; } /*show submenu */


Unfortunately, the above code does not work in IE 6. Any suggestions? Thoughts.

Looks like you are using my code

And that is correct, :hover does not work in IE6 for anything other than achors.

You'd therefore have to fix IE6 with Javascript. An easy way to do that would be to drop IE7.js into your site which would fix IE6 automagically.

Code: Select all

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->