Probleme dans IE avec menu deroulant css

Bonjour,
j'ai un souci avec mon menu deroulant css (comme des milliers de gens) mais j ai un probleme pas très commun.
Mon menu est nikel, ca déroule quand je passe ma souris dessus, mais quand je descend jusqu'au 2eme sous menu, ma sous liste disparait, comme si il n y avait que le sous item n°1. Pourtant les 3 sous item s'affiche au début (et ils ont tous un # dans le html pour simuler le lien).Dans firefox, aucun probleme.
J'éspere que vous m'avez suivi et que quelqu'un pourra m'aider là dessus.
Merci (ci desous le css du menu)

#navigation {
color: #fff;
padding-left: 162px;
margin: 0px 0px 0px 1px;
background: #000;
width:685px;
height:40px;
}
#menu {
height:50px;

}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
background: url(puce.jpg) center left no-repeat;

}
#menu ul li ul {
display:none;
z-index:2;
position:relative;
}
#menu ul li:hover ul {
display:block;
position:absolute;
}
#menu li:hover ul li {
float:none;
}
</style>
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}