Sous menu qui ne s'affiche pas sous IE

Bonjour,

J'affiche un sous menu (voir ici) qui s'affiche lorsque je survole un menu. Pas de problème sous Firefox. Par contre, avec IE7, je n'ai rien qui s'affiche. Juste un petit carré. N'étant pas un pro css, quelqu'un pourrait-il me donner un coup de main ? Voici le code css :

   #nav, #nav ul { margin: 0pt 0pt 0pt 0px;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    width: 150px;
    text-decoration: none;
    }

  #nav li { position: relative;
    float: left;
    line-height: 1.25em;
    width: 150px;
    }

  #nav li ul { border: 2px solid rgb(0, 0, 102);
    left: -999em;
    margin-left: 150px;
    position: absolute;
    text-align: right;
    text-decoration: none;
    width: 157px;
    margin-top: -1.65em;
    }

  #nav li ul ul { left: -999em;
    text-align: left;
    text-decoration: none;
    }

  #nav li a { padding: 0pt 15px 5px;
    font-weight: bold;
    text-decoration: none;
    background-image: url("menu.jpg");
    background-repeat: repeat-y;
    margin-left: 0pt;
    color: rgb(255, 255, 255);
    text-align: right;
    margin-right: 10px;
    width: 130px;
    }

  #nav li a:hover { text-decoration: none;
    color: rgb(255, 204, 102);
    }

  #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;
    color: rgb(255, 255, 255);
    text-decoration: none;
    }

  #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;
    text-decoration: none;
    color: rgb(255, 255, 255);
    }

  #nav li li a { text-align: left;
    text-decoration: none;
    padding-left: 3px;
    background-repeat: repeat;
    width: 145px;
    background-image: url("smenu.jpg");
    padding-bottom: 5px;
    }

  #nav li li a:hover { text-decoration: none;
    width: 145px;
    color: rgb(255, 204, 51);
    }

Modifié par fvpat (04 Apr 2007 - 01:34)

Salut,
sous ff le petit carré bleu apparaît aussi, pas toujours complètement masqué par le sous-menu, probablement un problème de largeur de ta liste qui se voit au hover.

Peut-être un petit z-index pour que ton sous menu passe par dessus le reste ? et ça permettrait à celui qui est un peu long de ne pas passer sous la bande bleu clair qui est dans le footer.

have swing

Merci pour la réponse.
En effet, pour la largeur (le petit carré bleu qui apparaissait), j'ai corrigé.
Par contre, le sous menu, qui correspond à une balise ul, n'apparaît toujours pas sous IE malgré l'ajout de z-index: 1;