Menu déroulant horizontal avec souss menu plus large

Bonjour à tous,

J'aimerai avoir un menu de ce type : Menu déroulant horizontal d'alsacréations.

Seulement je veux que la liste des sous menus soit plus large que le titre Menu.

J'ai pensé à ajouter une ligne (celle en gras) dans le CSS du menu d'alsacréations:

#menu dd {
border: 1px solid gray;
[b]width:20em;[/b]
}

Sous Firefox j'obtiens le résultat recherché alors que malheureusement sous IE le titre Menu de 12 em se retrouve séparé par un espace de (20em-12em=6em) avec son suivant, espace produit par le fait que la liste de sous menu fait 20em de large.

Comment résoudre mon problème? Qui fait la bonne interprétation Firefox ou IE?

Peut-être avec un

overflow: show

Ou un truc dans le genre ???

Overflow c'est pour les scrolls barres,non?
Je veux pas en mettre moi

Nonon, avec overflow show, ça indique de ne pas agrandir l'élément parent si ce qu'il y a dedans est trop grand. Ca affiche tout simplement en dehors

Ben c'est bizarre ça marche pas .

Je me permets de relancer ce sujet car j'ai le même soucis.
Je me suis inspiré du même menu horizontal trouvé sur ce site.
Et je souhaite que les sous_menus soient plus larges que les "dl" des titres.

Alors j'ai enlevé le width:20em; pour obtenir ceci :

#menu dl {
float: left;
text-align:left;
}

Ainsi mon sous_menu s'adapte à la longueur des titres des sous parties.
Cependant, le "dl" suivant est écarté aussi loin que le "dd" précédent...

Et je n'arrive pas à trouver une solution...
Merci d'avance pour votre aide.