Good evening everyone,
I am trying to use a pop over menu for a client and I'm having a hard time getting it to work in IE 6. As the user goes down the menu on the left side of my screen, at certain products, a list of subcategories are supposed to appear and it works great in Firefox and IE7.

I thought the problem was that there were links that would be under where the subcategories would appear, and while that is a reason why the menus disappear, in IE6, they just don't pop up at all.

Any help at all would be greatly appreciated.

Here's my code:

HTML
<ul id="nav">
<li><a href="#">Civilian Site</a>
<ul>
<li><a href="#">Breathing</a></li>
<li><a href="#">Protective Clothing</a></li>
</ul>
</li>
<li><a href="#">Ergonomics</a>
<ul>
<li><a href="#">Back</a></li>
<li><a href="#">Matts</a></li>
</ul>
</li>
</ul>

CSS
ul {
margin: 0;
padding: 0;
list-style: none;
width: 175px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 174px;
top: 0;
display: none;
z-index:500;
}

ul li a {
display: block;
text-decoration: none;
font-weight:bold;
color: #ffffff;
background: #CB0202;
padding: 3px;
border-bottom: 0;
}

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

li:hover ul, li.over ul {
display: block; }