Problème de menu déroulant sous ie7

Bonjour à tous,

J'ai un souci de décalage de mon menu déroulant sous IE 7.

Merci de votre aide.

le code html :

<div id="menu">
    <div id="age"><p><a title="Pour les tout petits" href="#" >1er age</a></p>
    <ul>
    <li><a href="">Jeux d'&eacute;veil</a></li>
    <li><a href="">Jeux nourissons</a></li>
    <li><a href="">Jeux pr&eacute;scolaires</a></li>
    <li><a href="">P&acirc;te &agrave; mod&eacute;ler</a></li>
    <li><a href="">Porteurs - pousseurs</a></li>
    </ul>
    </div>
    </div>

et le code css :

#menu {float:left;	display:block; margin:0 10px 0 0; padding:0 0 0 0; height:36px; z-index:1000; width:940px;}

#menu div {float:left;}

#age {height:50px; width:144px; margin-right:8px; background-image:url(../images_css/age.png); background-position:top; margin-left:126px;}

#age p{margin-top:40px; text-indent:-9000px;}

#age:hover {background-image:url(../images_css/age.png); background-position:bottom;}

#menu div ul { position:absolute; margin: -5px 0 0 0; padding:5px 0 5px 0; background-image:url(../images_css/ul.png); background-position:top; line-height:20px; display:none; width:188px; }
*+html #menu div ul {margin-left:200px;}

#menu ul, #menu li { list-style-type: none; list-style-position:outside;}

#menu ul li { padding:0 10px 0 10px; font-size:1.16em; border-bottom:solid 1px #CCC;}
	
#menu ul li a { color:#333; text-decoration: none;}

#menu ul li a:hover { color: #990000 ;}

Je vous donne l'url :http://kdorun.proxis-interactif.com/index.php
Modifié par Jeff 2 Papangue (10 Jun 2009 - 07:43)