Problème sous menu CSS avec Internet Explorer

Bonjour,


Mon menu déroulant en CSS fonctionne très bien sous Firefox mais quand je teste sous IE le menu ne fonctionne pas totalement, en effet les sous menu ne s'affichent pas.

Est-ce que quelqu'un aurait un indice ?

Merci d'avance

Voici le CSS :

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 16px "Trebuchet MS";
font-size:16px;
font-weight:regular;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;

}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:regular;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;

}
.menu li a:hover, .menu ul li:hover a{
background: #FFCC00 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
font: "Trebuchet MS";
font-size:16px;
font-weight:regular;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;

}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;

}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#FFCC00 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
font-size:15px;
}
.menu p{
clear:left;
}