Affichage d'un menu

Bonjour,
je souhaite rendre la largeur d'un block de sousmenu adapté à la taille de mon contenu. Je ne souhaite pas utiliser l'attribut width en CSS, puisque la taille est différente lorsque je passe la souris sur un des items du sous menu (qui devient italique).
Mais voila le scénario
Voici le sous menu qui apparait :
http://jibees.free.fr/BO/pb2.jpg
et lorsque l'on passe la souris sur un des items, celui-ci passe en italique et malheureusement faire grandir le bloc entier :
http://jibees.free.fr/BO/pb2_1.jpg
Bon je vous l'accorde c pas tres visible que le bloc s'est agrandi mais faite moi confiance ;)
Lors de l'appel à la fonction javascript je souhaite passer la taille du block à afficher qui sera différent pour chaque sousmenu.
Je ne sais pas si je suis tres clair ...
Voici la fonction Javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10

<script LANGUAGE="JavaScript"> window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } </script>

---

et un exemple de menu :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<dl> <dt onmouseover="javascript:montre('smenu4');"onmouseout="javascript:montre();"><img src='images/Boutons/Menu/Competitions.gif' border='0' name='menu4'></dt> <dd id="smenu4"onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();"> <ul> <li><a href="Prestations.htm">&nbsp;>&nbsp;Prestations</a></li> <li><a href="Recompenses.htm">&nbsp;>&nbsp;Récompenses&nbsp;</a></li> <li><a href="Programme.htm">&nbsp;>&nbsp;Programme</a></li> <li><a href="Reglement.htm">&nbsp;>&nbsp;Règlement</a></li> </ul> </dd> </dl>

---

Merci
jb

J'ai réussi à men sortir en faisant comme ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script LANGUAGE="JavaScript"> window.onload=montre; function montre(id,lar) { var largeur = lar; var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block'; d.style.width=largeur +'px';} } </script>

---

et lors de l'appel à la fonction je passe la largeur de la fenetre. Exemple :

Code:

---

<dt onmouseover="javascript:montre('smenu8',110);"

---