comment fermer automatiquement un menu

Bonsoir
voila mon menu se déroule normalement mais ne se referme pas quand la sourie le quitte . comment faire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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> 
 
<div id="menu" >
	<dl>
 
		<dt onmouseover="montre('smenu1');">
			 <img src="<{$xoops_imageurl}>roll/barbord_m.gif"></dt> 
 
			<dd id="smenu1">
				<ul >
					<li>
					<a href="<{$xoops_url}>/modules/news/index.php?storytopic=3" >Expression du maire</a></li>  <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=4" >Les comptes</a></li>   <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=5" >Les projets</a></li>   <br> 
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=6" >Le conseil municipal</a></li>	 <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=7" >Les élections</a></li> <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=8" >Info communales</a></li>	<br>
 
				</ul>
 
			</dd>
	</dl>

Merci