Menu CSS deroulant

Fermé
Signaler
-
Bonjour,

S.v.p. J'aurais besoin d'aide!

J'ai créer un menu horizontale déroulant en html et css. Le seul problème c'est que je l'est mis sur une image de fond.

J'ai trouver deux solutions:

1- Je ne met pas de couleur d'arrière plan. C'est la meilleur solution mais quand le menu se deroule, il n'y a pas plus de fond. Alors c'est pas jolie et lorsqu'il y a du texte en dessous je ne peu pas cliquer sur mon lien.

2- Je met une couleur darrière plan. Quand le menu se deroule c'est parfait mais la j'ai un caré de couleur sur mon image d'arrière plan de menu.

Voici mon code CSS:

}
#menu_haut ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;

}
#menu_haut li {
float:left;
margin:auto;
padding:0;
background-color: gray;
}
#menu_haut li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:4px;

}
#menu_haut li a:hover {
color:#18EF00;

}
#menu_haut ul li ul {
display:none;
position:absolute;


}
#menu_haut ul li:hover ul {
display:block;

}
#menu_haut li:hover ul li {
float:none;

}
#menu_haut li ul {
position:absolute;

}
#menu_haut li ul {
position:absolute;

}



Je vous remercie d'avance pour votre aide!