IE 6 not showing it right

Hi,

I have dropdown navigation on my site which works fine in all browsers accept IE6 could some one please help me out here

the code is

#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 */

the site is http://www.apnideals.com

 

Is it because the menu doesnt show horizontally ?

 

It suppose to show horizontally but in IE6 it showes Vertically and every link expands vertically in the page.