Bonjour à tous.

Je conçois un site pour le CE de mon entreprise et c'est mon tout premier site.
J'ai doit réaliser un menu déroulant.
Il fonctionne parfaitement sous firefox, mais
sous IE7 il s'affiche que partiellement. Quant à IE6,
c'est simple : les sous menus ne s'affichent pas.

Voici ma css :

#menu1 {

width:120px;

}

li.menu2
{

background-color:#FB2038;
}

li.menu3
{

background-color:#fc9300;

}

ul, li
{
display:block;
margin:0;
padding:0;
border:0px none;
}

ul
{
width:140px; /*modif largeur cadre*/
list-style:none;
}

li
{
position:relative;
padding:1px;
padding-left:10px; /*modif position texte largeur */
z-index:9;
}

li.menu1>ul
{
position:absolute;
left:120px; /* IE */
top:5px;
}

li.menu2>ul
{
position:absolute;
left:120px;
top:-25px;
}

li.menu3>ul
{
position:absolute;
left:120px;
top:-25px;
}


/* others */

li.menu1 a
{
padding:2px;
text-decoration:none;
color:white;
font-weight:bold;
/*width:100%; /* IE */
display:block;
margin:0;
border:0px none;

}

li>a
{
width:auto;
} /* others */

/* regular hovers */

a.menu1:hover
{
font-weight:bold;
color:#FC9300;
}

a.menu2:hover
{
font-weight:bold;
color:#4ecef7;

}

a.menu3:hover
{
font-weight:bold;
color:#fb2038;
}

/* hovers with specificity */

li.menu1:hover, li.menu2:hover
{
font-weight:bold;
color:#FC9300;
z-index:100;
}

li.menu2:hover
{
font-weight:bold;
color:#4ecef7;
z-index:100;
}

li.menu3:hover
{
font-weight:bold;
color:#fb2038;
z-index:100;
}

ul ul, li:hover ul ul
{
display:none;
}

li:hover ul, li:hover li:hover ul
{
display:block;
}
Sauriez vous d' où peut venir le problème?
Je vous remercie d'avance