[RESOLU]Menu déroulant horizontal

bonjour

j'essaye de faire un menu déroulant comme celui ci :
http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal.htm

si je modifie un sous-menu et que je met un titre plus long :
je remplace :

<li><a href="#">Sous-Menu 3.1</a></li>

par

<li><a href="#">sous menu plus long que les autres</a></li>

ca ne tiendra pas sur une seule ligne.
Je voudrais que ca tienne sur une seule ligne, juste en modifiant le width du bloc des sous-menu sans modifier le width du titre du menu. Le sous-menu viendra donc déborder sous le menu à sa droite.
comment dois-je m'y prendre ?

merci
Modifié par fixyou (12 Jan 2007 - 16:12)

Salut!

J'ai juste corrigé ton lien

J'arrive au résultat que tu cherches (si j'ai bien compris) en modifiant ces éléments:

#menu {
position: absolute ;
z-index: 99 ;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
position: relative ;
}
#menu dd {
border: 1px solid gray;
position: absolute ;
z-index: 100 ;
width: 15em ;
top: 1.6em ;
}

ça fonctionne sous IE7 & Firefox, en tous cas.

merci beaucoup c'est exactement ce que je voulais