ie 6 troubles on a dynamic menu

[dimi78]

Hi, all
I have been playing all night with some css code for a dynamic menu.
I got it to work in ie7 en 8 and ff 2

but not in ie6
Changing the css code only made things ......

Here's an example before i tried to get it right in ie6 (http://www.vdhverzekeringen.be/test)
here's the example where I tried to fix it. (http://www.vdhverzekeringen.be/test/index.php?option=com_simplelists&view=simplelist&layout=hover&category_id=10&Itemid=10)

biggest change was to bring the float left from the li element to the li a element.
I'm stuck badly, any pointers would be great.

[dimi78]

#menu li {
display:inline;
margin-right:5px;
height:24px;}
#menu li a {
float:left;
background: transparent url(../images/menul.png) no-repeat top left;
font: bold 12px Arial;
line-height: 16px;
height: 24px;
padding:0 0 0 16px;
color:#000000;
text-align: center;
text-decoration:none;
cursor: pointer;
}

what I changed was I moved the float left from the li to li a element
In order the get all the items next to each other i had to add display: inline to the li element.

This makes everything look nicer i ie6 but now all the drop downs are or not working (ie6à or not in the right place ff en ie8

another fix I tried
place float: left in li as well as li a and remove the display:inline

Fixed it for ff, shows nice in ie6 but no drop down, ie8 works but the drop downs are not positioned correctly.