A:hover ne fonctionne pas avec mon menu css

Bonjour,

j'ai repris le menu css & javascript d'alsacreations et je l'ai personnalisé.

Mais je n'arrive pas à faire un relover sur mon Menu 1, Menu 2 et Menu 3. Pour les sous menu 1.1, 1.2, etc ca fontionne très bien!

Ou est l'erreur?

Si quelqu'un à la solution, merci de m'aider.... je suis un peu perdue....

Voici le code:

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 11.5em;
}
#menu dt {
cursor: pointer;
margin: 0PX;
height: 20px;
line-height: 20px;
text-indent:0.3cm;
vertical-align:baseline;
font-weight: ;
border-style:solid;
border-style:solid;
border-style:solid;
border-style:solid;
border-top: 1px;
border-right: 0px;
border-bottom: 1px;
border-left:0px;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-bottom-color:#666666;
border-left-color:#FFFFFF;
background: #F2F2F2;
color: #686868;
font-size: #small;
font: 85% arial, sans-serif;
}
#menu dd {

border-color:#CCCCCC;
border-style:solid;
border-style:solid;
border-style:solid;
border-style:solid;
border-top: 0px;
border-right: 0px;
border-bottom: 1px;
border-left:0px;
border-bottom-color:#666666;


}

#menu dt a {

}

#menu dt a:hover {
background: #F9F9F9;
text-decoration: underline;
}


#menu li {
text-align: center;
background: #F9F9F9
}


#menu li a {
color:#686868;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-size: #small;
font: 85% arial, sans-serif;
}

#menu li a:hover {
background: #F9F9F9;
text-decoration: underline;
}



-->
</style>

Bonjour, kayla.

Merci de bien vouloir éditer ton message pour encadrer ton code avec les balises adéquates ([ code] et [ /code], sans les espaces) comme demandé dans les règles du forum

Plus personne ?

Tant qu'à faire, lorsque tu éditeras ton message, il faudrait ajouter le code HTML correspondant à ton menu. Il doit y avoir une erreur dans les sélecteurs CSS employés.