[css] menu / sous-menu OK sous firefox pas IE

titi -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
bonsoir,

j'ai fait un menu avec un sous menu en css. tout marche nikel sous firefox mais pas sous ie. le sous menu refuse de s'afficher je trouve pas pourquoi. uene petite idée ?? voici le css :

body {
background-color:#000000;
margin:0px;
padding:0px;
position:fixed;
font: 0.8em Verdana, sans-serif;
}

/*------- Menu --------------*/
ul#menu {
background-color:transparent;
color:#FFFFFF;
list-style-type:none;
position:fixed;
padding-left:175px !important;
padding-left:0px;
}

ul#menu li {
padding-top:25px !important;
padding-top:36px;
padding-left:0px;
float:left;
}

ul#menu a {
float: left;
margin: 0 10px;
padding: 1px 2px;
text-align: center;

text-decoration: none;
color: #000000;
background: #FF9900;
}

ul#menu a:hover {
background: #000000;
color:#FFFFFF;
}

/*-------- Sous Menu -------------*/
#menu .sousMenu
{
display:none;
background-color:transparent;
float:left;
position:fixed;
list-style-type:none;
margin:0px;
padding-top:0px;
border:0px;
}
#menu .sousMenu li
{
background-color:transparent;
float:left;
margin: 0;
border: 0;
color:#0033FF;

}

#menu li:hover > .sousMenu { display: block; }

ul#menu .sousMenu a {
float:left;
margin: 0 10px;
padding: 1px 2px;
text-align:center;

text-decoration:none;
color:#000000;
background:#cc3333;
}

ul#menu .sousMenu a:hover {
background: #000000;
color:#FFFFFF;
}

merci ca fait 4 heure que je tourne en rond...
Configuration: Windows XP
Firefox 2.0.0.6

4 réponses

  1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
     
    salut,

    peut être parce que tu utilises IE6 et que IE6 ne reconnait pas le sélecteur d'enfant ('>').
    #menu li:hover > .sousMenu { display: block; } 

    0
  2. titi
     
    comment je peux faire ? il existe une alternative ?
    0
  3. pitxu Messages postés 708 Statut Membre 95
     
    http://www.christopher-jablonski.com/fr/reperes/ie6.shtml

    L'alternative existe mais elle complique le code.
    0