Bonjour et bravo pour ce super site

J'ai un menu horizontal qui fonctionne tout a fait correctement, mis à par le fait que lorsque j'écarte la souris du menu, celui ci ne revient pas à son etat initial.

Mon code Javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/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 le code html :

<dl>
<dt onmouseover="javascript:montre('smenu1');" ><img src="images/menu1essai9.png" border="0"></dt>
<dd id="smenu1">
<ul>
<li><a href="#">L'association</a></li>
<li><a href="#">Nous contacter</a></li>
<li><a href="#">Partenaires</a></li>
<li><a href="#">Livre d'or</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Liens utiles</a></li>
</ul>
</dd>
</dl>
Je me doute qu'il s'agit d'utiliser onmouseover, mais je n'y arrive pas, quelqu'un peut il m'aider, ? merci d'avance !