IE 6 not showing it right

[azshah]

Hi,

I am using drop down navigation for my site which is showing fine on all browsers except IE6 not sure why.

here is the css portion

/*Added for the third step navigation */
#nav li ul li ul { border-left: 0px solid #c00;
width:15.8em;font-size:90%;margin-left:181px;
margin-top:0px; position: absolute;font-weight:normal;
top:0;display:none}

#nav li ul li:hover ul { display: block; }

#nav li.active ul li ul { border-left: solid #c00;
width:15.8em;font-size:90%;margin-left:181px;
margin-top:0px; position: absolute;font-weight:normal;
top:0;display:none}

#nav li.active ul li:hover ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html li ul li ul { float: left; }
* html li ul li ul a { height: 1%; }
* html li.active ul li ul { float: left; }
* html li.active ul li ul a { height: 1%; }
/* End */

/*#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}*/

/*Third step navigation End*/

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

[Marshall]

I believe li:hover, li:active and so on is not supported in IE6. Generally you would have something like li a:hover with the <a> set to display:block to fill the entire <li>.

This thread may be of some help:
[webmasterworld.com...]

Marshall