Hi I am unable to get this code to run in IE6. The menus display fine but when i hover my submenu doesnt display. Would someone please take a look and see what I'm doing wrong. Thanks CSS code: #nav, #dropdown { margin:0; padding:0 10px 0 10px; list-style:none; overflow:hidden; background:#fff url(button1.gif); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; float:inherit; } #nav li { padding:inherit; display:inline; } #nav li a{ display:inline; height:35px; line-height:35px; color:#DAE0F1; /* menu text color */ text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:left; padding:0 5px 0 5px; cursorointer; } #nav li a:hover { color:#FFF; background:#000 url(button2.gif); /* makes background green */ } #dropdown { position:absolute; display:none; /* hides submenu */ z-index:50; } /* display submenu underneath each other */ #dropdown li { float:left; } /* display submenu */ #itemtwo:hover #dropdown { display:list-item; float:left; }
Nothing works in IE6, you aren't doing anything wrong. Why are you concerned? Most webmasters refuse to support IE6 these days because its so horrible.
Despite the previous comment, I do believe supporting IE6 is still relevant. Try variations to the code in which it does work in IE6, and use the _ (underscore) before the IE6 CSS code. The other browsers will ignore it.