Hi,

I have developed a drop down nav menu that uses CSS and the code is mostly pulled from this article:
http://www.alistapart.com/articles/horizdropdowns/

I have customized it a bit to fit within the site I am developing. The main problem is it isn't working in IE for the Mac. I have seen other CSS Drop Down menus that work on IE/Mac, but can't figure out where I'm going wrong with mine.

You can view the menu at http://216.150.222.139/templates/navmenu_esta.htm

And here are the styles being used:
/* nav menu */
.navHead {
font-weight: bold;
}
.nav ul {
margin: 0;
padding: 0;
list-style: none;
width: 145px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #CC0000;
display: block;
position: relative;
}
.nav ul li {
display: block;
position: relative;
}
.nav li ul {
position: absolute;
left: 145px;
top: 4px;
display: none;
background:#fff;
text-align: left;
font-variant: normal;
text-transform: none;
}
.nav ul li a {
display: block;
text-decoration: none;
color: #CC0000;
background: #fff;
padding: 2px;
font-variant: normal;
text-transform: none;
}
.nav ul li a:hover {
color: #758FAC;
font-variant: normal;
text-transform: none;
}
/* Fix IE. Hide from IE Mac \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a {
height: 1%;
font-variant: normal;
text-transform: none;
}
/* End */
.nav li:hover ul, li.over ul {
display: block;
font-variant: normal;
text-transform: none;
font-weight: normal;
}


Thanks,
Sara