[Résolu] Menu horizontal sur une ligne : sous-menu tout à gauche ?

Bien le bonjour à tous !

J'essaye de mettre en place un menu horizontal, avec sous-menu sur une ligne. J'ai juste un petit souci d'alignement, puisque chaque sous-menu ne s'aligne pas avec le menu principal, c'est-à-dire tout à gauche du conteneur principal, mais s'aligne avec son élément-père du menu principal.
Pour faire plus clair, si j'ai un menu :
Accueil Menu1 Menu2
Si je passe sur le Menu2, le contenu du sous-menu va s'aligner avec Menu2 et pas avec Accueil.
J'ai tenté quelques trucs sur mon CSS, sans succès donc si quelqu'un a une idée...

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu {
width:890px;
margin-left:auto;
}

#menu dl {
float: left;
}

#menu li {
display: inline;
float:left;
}

#menu a {
text-decoration: none;
color: #000;
background: #fff;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
margin-left:auto;
position:absolute;
left:auto;
font-size: 0.7em;
border-top: 1px solid gray;
width: 400px;
}

Merci d'avance !!!
Modifié par thebride (03 Jun 2007 - 01:44)

bonjour,

essai avec:
#menu {position:relative;}
#smenu1, #smenu2, #smenu3, #smenu4 {position:absolute;left:0;}

le positionnement relatif donne le parent comme reference de positionnement , d'ou le left :0 aux enfants.

gc

Bien joué, quel talent !!

Merci bien !!