Menu qui rame

Bonjour à tous,

Vous pouvez voir le menu sur ce site.
Quand on se ballade sur les pages le menu s'ouvre sur chaque page et c'est très pénible. Vous avez des idées de la cause et coment y remédier?

Xhtml du menu:

<ul id="menuDeroulant">
 	<li id="menu1" onmouseover="javascript:montre('smenu1','menu1');"
onmouseout="javascript:montre('');" >
  		<a href="#">Home</a>
  		<ul class="sousMenu" id="smenu1" onmouseout="javascript:montre('');">
   			<li><a href="/xwiki/bin/view/Main/">Overview</a></li>
   			<li><a href="/xwiki/bin/view/Main/Introduction">Bonita in a Nutschell</a></li>
   			<li><a href="/xwiki/bin/view/Main/News">News</a></li>
  		</ul>
 	</li>
 	<li id="menu2" onmouseover="javascript:montre('smenu2','menu2');" onmouseout="javascript:montre('');">
  		<a href="#">Professional support</a>
  		<ul class="sousMenu" id="smenu2" onmouseout="javascript:montre('');" >
   			<li><a href="/xwiki/bin/view/Main/BullOffer">Bull Support</a></li>
   			<li><a href="http://www.bull.com/support/index.html">Bull Support site</a></li>
 		</ul>
 	</li>
etc.....

Javascript pour le menu:

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id,a) {
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>

Css du menu:

#menuDeroulant {
text-align: center;
font: 13px verdana, sans-serif;
line-height: 29px;
width: 920px;
margin: 0; 
padding: 0;
border: 0;
}
#menuDeroulant li {
float: left;
}
#menuDeroulant .sousMenu {
margin: 0; 
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li {
float: none;
}
#menuDeroulant li {
border-width: 1px 0px 1px 0px;
border-style:solid;
float: left;
list-style-type: none;
}
#menu1 {width: 90px;}
#menu2 {width: 165px;}
#menu3 {width: 135px;}
#menu4 {width: 100px;}
#menu5 {width: 90px;}
#menu6 {width: 95px;}
#menu7 {width: 100px;}
#menu8 {width: 145px;}
#menuDeroulant li a {
background: url("/xwiki/bin/download/XWiki/MySkin/menu.gif"); repeat-x;
display: block;
height: auto;
padding: 5px;
text-decoration: none;
margin: 0; 
padding: 0;
color: #00007a;
}
#menuDeroulant li a:hover {
display: block;
height: auto;
padding: 5px;
text-decoration: none;
background: url("/xwiki/bin/download/XWiki/MySkin/menu-hover.gif"); repeat-x;
margin: 0; 
padding: 0;
color: #c4c5e9;
}
#menuDeroulant .sousMenu li a{
background: #efeff9;
display: block;
text-decoration: none;
margin: 0; 
padding: 0;
}
#menuDeroulant .sousMenu li a:hover{ 
background: #00007a;
display: block;
text-decoration: none;
margin: 0; 
padding: 0;
}
#menuDeroulant .sousMenu li{
float: none;
}

Modifié par danae (05 Oct 2006 - 10:27)

j'ai pas compris ton probleme... j'ai compris que ton probleme est que quand tu survole sur une de tes rubriques le menu passe par dessus la page?

Alors je me réexplique:

Quand on accède au site le menu est déroulé, peut être chez vous 1 fraction de seconde mais moi ayant une connexion plutôt lente le menu déroulant s'enroule au bout de 3 sec environ et il fait ça à chaque page que je visite.
Rafraichissez la page plusieurs fois et on voit le menu qui se déroule et moi je voudrais pas le voir dérouler!

alors personne?