Bonjour,

Sur le site de mon réseau IRC, j'ai fait un petit système de sous-menu.
Le principe est de créer des blocs "<ul></ul>" avec des ids différents,
et un simple javascript me permet de les afficher au survol.

Etonnament avec IE (6 et 7), les sous menus 1 et 2 fonctionnent très
bien, le 3ème s'affiche mais les liens ne sont pas fonctionnels (idem
pour les suivants).
J'ai testé en intervertissant les ids de menu2 et menu3, et encore le
bloc "menu2" fonctionne bien, pas le bloc "menu3".

Sous firefox, pas le moindre soucis...

Vous pouvez regarder à http://www.zeolia.net.

Le javascript:
function show(id) {
allMenu = document.getElementById('smenu');
allLi = allMenu.getElementsByTagName("ul");
for (i=0;i<allLi.length;i++) {
allLi[i].style.display = 'none';
}
if (id!=0) document.getElementById('menu'+id).style.display = 'block';
}
function hide() {
setTimeout("show(0)", 1000);
}

La source du menu:

<div id="menu">
<ul>
<li><a href="/" title="Accueil"
onmouseover="javascript:show(1);">zeolia.net</a></li>
<li><a href="/guides/" title="Guides IRC"
onmouseover="javascript:show(2);">Guides IRC</a></li>
<li><a href="/webmasters/" title="Outils pour webmasters"
onmouseover="javascript:show(3);">Webmasters</a></li>
<li><a href="/canaux/" title="Les canaux"
onmouseover="javascript:show(4);">Canaux</a></li>
<li><a href="/denora/?m=u" title="Les utilisateurs"
onmouseover="javascript:show(5);">Utilisateurs</a></li>
</ul>
</div>
<div id="smenu">
<ul id="menu1">
<li>&raquo;&nbsp;<a href="/">Pr&eacute;sentation</a></li>
</ul>
<ul id="menu2">
<li>&raquo;&nbsp;<a href="/guides/debuter.html">D&eacute;buter
sur IRC</a></li>
<li>&raquo;&nbsp;<a href="/guides/avancees.html">Commandes
avanc&eacute;es</a></li>
<li>&raquo;&nbsp;<a href="/guides/anope.html">Services</a></li>
<li>&raquo;&nbsp;<a href="/guides/eggdrops.html">Eggdrops</a></li>
</ul>
<ul id="menu3">
<li>&raquo;&nbsp;<a href="/webmasters/applet.html">Installer un
tchat</a></li>
<li>&raquo;&nbsp;<a
href="/webmasters/stats.html">Statistiques</a></li>
</ul>
<ul id="menu4">
<li>&nbsp;</li>
</ul>
<ul id="menu5">
<li>&nbsp;</li>
</ul>
</div>

Merci à ceux qui pourront me donner une piste

--
Réseau IRC Francophone: http://www.zeolia.net
Aide et astuces webmasters : http://www.c-p-f.org
Communauté Francophone sur les Eggdrops: http://www.eggdrop.fr