Menu déroulant sous IE7

Bonjour à tous.
J'ai un soucis en stage, je dois créer un site et le css et moi ca n'a jamais été facile^^.

J'ai quand même réussis faire ça :
http://www.demeter.pro

Le soucis c'est que sous IE 7 les menu déroulant ne déroule pas sur le div de texte... Je vous laisse tester si vous pouvez c'est assez bizarre à expliquer...

voici en gros un réusumé :
http://www.belenos-nutrition.com/demeter/1.jpg (sous mozilla ou chrome)
http://www.belenos-nutrition.com/demeter/2.jpg (sous IE 7)

Merci d'avance. Petite précision, j'ai ça dans le index.php pour testé le navigateur :

<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
 position:absolute;
 }
</style>
<!--><![endif]--> 
<!--[if IE 8]><-->
<style type="text/CSS">
#menu li ul {
 position:absolute;
 }
</style>
<!--><![endif]--> 

et voici le code css dans la feuille de style :

#menu       
{
	width: 1024px;
	background:url(img/menu.jpg) top no-repeat;
	text-align:center;
	height:48px;
}


#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 li{
background-color:#f2f2f2;
}
#menu li a {
 display:block;
 width:160px;
 /*color:white;*/
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#ef59a1;
 }
#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu a                 
{
	color:#6d6e71; ;
	text-decoration:underline;
	outline:none;
	font:bold 12px "trebuchet ms";
}	 
#menu a:hover             
{
	color:#fff;
}	

Merci d'avance
Modifié par clader (03 Feb 2010 - 15:51)

Je me permet de faire un petit up.
Et de précisé qu'il ne me semble pas que ce soit un bug de placement ou d'absolute vis a vis d'IE7 vu que le premier menu tout à gauche gauche s'affiche bien.

Le seul problème c'est lorsque la liste du menu se déroule sur le bloc div de texte...

C'est bon j'ai trouvé, pour ceux qui pourrait avoir ce problème c'était juste un z-index sur le bloc texte (position:relative;) qui devait être inférieur au menu.
Modifié par clader (04 Feb 2010 - 10:44)

Rebonjour à tous^^
Nouveau (petit) problème .

Globalement c'est bon sur IE7 sauf que lorsqu'on passe la souris sur le premier lien du menu tout à gauche, ce dernier se décale vers la gauche.
Sans doute un problème de marge.
Ouvrez le site sur IE7 pour comprendre le petit problème qui se pose :
http://ww.demeter.pro

Merci d'avance

EDIT : C'est bon désolé
Modifié par clader (04 Feb 2010 - 13:55)