28172 sujets

CSS et mise en forme, CSS3

Problème de menu déroulant sous ie8

Bonjour à tous,

J'ai un souci de menu déroulant vertical sous IE 8 qui décale ma liste complètement sur la gauche au lieu d'être bien en dessous de mon menu.

Le code HTML :
    <div id="menu" class="png_bg">
      <div class="menu_subject">
        <div id="cyber" class="png_bg"><a href="#" title="Salle de jeux" ></a></div>
        <ul>
          <li><a href="pages/presentation.php">PRESENTATION</a></li>
          <li><a href="pages/jeux.php">JEUX</a></li>
          <li><a href="pages/saint-denis.php">SAINT-DENIS</a></li>
          <li><a href="pages/saint-pierre.php">SAINT-PIERRE</a></li>
          <li><a href="pages/tarifs.php">TARIFS</a></li>
        </ul>
      </div>


et le CSS :
.menu_subject { padding-top:50px; }

#menu div ul { position: absolute; margin:0 0 0 0; background-color:#000; line-height:35px; display:none; }

#menu ul, #menu li { margin: 0; padding: 0; list-style-type: none; list-style-position:outside; }

#menu ul li { padding:0 15px 0 27px; height:33px; font-size:0.70em; width:100px; background-image:url(../images_css/dropdown_li_bg.gif); background-position:bottom; background-repeat:repeat-x; }

#menu ul li a { color:#c0c0c0; text-decoration: none; }

#menu ul li a:hover { color:#ff6002; }


Merci de votre aide.
Bonjour,

Après une lecture rapide, je dirais que ce code est insuffisant pour trouver l'origine du problème.

Par ailleurs, tu parles bien d'IE8 en mode de rendu IE8, et pas en mode de rendu Quirks ou en mode de compatibilité IE7?
Sujet clos
Aller à