[IE7] Problème menu CSS + JS

Bonjour,

Je reviens vers vous encore pour une histoire de menu mais cette fois ci je n'ai pas réussi à le faire marcher correctement sur IE malgré vos dernières astuces

Pour vous donner une idée de ce que ca provoque pour l'instant voici deux images, une avec firefox ou le menu ne pose pas de problème, une autre avec IE ou c'est la cata

Firefox : http://free0.hiboox.com/images/4309/89846a4f142ccd20865f2c91c128e4ff.png
Internet Explorer : http://free0.hiboox.com/images/4309/261c7a92c76150889f6889ee9186dc13.png

Voici le code HTML une partie du code HTML de mon menu car c'est après qu'une répétition :

<div id="menu_admin">
<ul>
      
      <li><a id="menu_admin_g"></a></li>
      <li> <a href="#"</a>
				 <ul>
                        <li><a href="#">Entreprises</a></li>
                        <li><a href="#">Particuliers</a></li>
                        <li><a href="#">Annonces</a></li>
                </ul>
      </li>
	  <li><a id="menu_admin_2"></a></li>
      <li> <a href="#" id="menu_admin_3"</a>
				 <ul>
                        <li><a href="#">Entreprises</a></li>
                        <li><a href="#">Particuliers</a></li>
                        <li><a href="#">Annonces</a></li>
                </ul>
      </li>

Et voici mon code CSS, une parti également car pour l'affichage des images c'est la même chose à chaque fois également :

#menu_admin      
{
width:807px;
}

#menu_admin ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_admin /* Ensemble du menu */
{
        width:807px;
		font-family: verdana, Times New Roman, serif; 
        font-size : 0.70em; /* hauteur du texte : 12 pixels */
}

#menu_admin a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #FCBD02; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu_admin a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FCBD02; /* On passe le texte en noir... */
        background: #2A2A2A; /* ... et au contraire, le fond en gris */
}
#menu_admin li:hover ul ul, #menu_admin li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_admin li:hover ul, #menu_admin li li:hover ul, #menu_admin li.sfhover ul, #menu_admin li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#menu_admin li /* Elements des listes */      
{ 
        float : left; 
}

#menu_admin li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu_admin li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

#menu_admin li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

#menu_admin #menu_admin_g {
     width:72px;
     height: 25px;
     background-image: url("images/menu_admin_g.png");
	 background-repeat: no-repeat;
	 }
	 
#menu_admin #menu_admin_1 {
     width:93px;
     height: 25px;
     background-image: url("images/menu_admin_1.png");
	 background-repeat: no-repeat;
	 }

Merci d'avance de votre aide
Modifié par Cocopop (25 Oct 2009 - 16:36)

Mon problème est si difficile que çà ?

Si vous avez besoin d'informations complémentaires n'hésitez pas