Hover:a et IE7

Bonjour , j'ai un probleme avec Hover sur lien avec ie7 sur un ul li.
Au passage de la souris j'ai ma div en dessous qui dispprait , qui à pourtant aucune relation avec les li. Sous firefox tout fonctionne bien.

	     <div id="c_nav">
		     <div id="nav">
			     <ul id="menu">
				     <li class="accueil"><a class="on" href="">Accueil</li>
				     <li class="classement"><a href="">Classement</li>
				     <li class="comment_ca_marche"><a href="">Comment ça marche ?</li>					 
				     <li class="temoignages"><a href="">T&eacute;moignages</li>			
				     <li class="parrainage"><a href="">Parrainage</li>
                     <li class="contact"><a href="">Contact</li>
                     <li class="connectez_vous"><a href="">Connectez-vous</li>					 
				 </ul>
			 </div>
		 <div>
<div id="c_flash">
</div>

div#c_nav{
width:100%;
height:25px;
background:url('/img/header/c_nav.gif');
}

div#nav{
width:955px;
height:25px;
margin:0 auto;
background:transparent url('/img/header/nav.jpg');
}

ul#menu{
padding:1px 0 0 4px;

}

ul#menu li a{
display:block;
float:left;
color:#FFFFFF;
height:23px;
line-height:23px;
border-left:1px solid #FFFFFF;
text-align:center;
font-weight:bold;
}

ul#menu li.encheres_en_cours a,.encheres_terminees a,.comment_ca_marche a {
width:150px;
}

ul#menu li.temoignages a,.parrainage a{
width:100px;
}

ul#menu li.contact a{
width:70px;
}

ul#menu li.connectez_vous a{
width:220px;
border-right:1px solid #FFFFFF;
}


ul#menu li a.on{
background:url('/img/header/menu_hover.gif');
}

ul#menu li.contact a:hover{
background:url('/img/header/menu_hover.gif');

}

ul#menu li.accueil a:hover,.classement a:hover,.comment_ca_marche a:hover,.temoignages a:hover,.parrainage a:hover,.connectez_vous a:hover {
background:url('/img/header/menu_hover.gif');
background-repeat:repeat-x;
}

div#c_flash{
height:196px;
background:url('/img/header/flash.gif');
background-repeat:repeat-x;
}