[Résolu] Problème de menu sous Firefox (scintillement)

Bonjour à tous,

j'ai un petit soucis de scintillement de sous-menu au passage de la souris sous Firefox et je n'arrive pas a y remédier.

Le code du menu :

<dl id="menug">
 <dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();"><a href="/">USJ86</a></dt>
  <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
   <ul>
    <li><a href="#">Tournoi de l'USJ86</a></li>
    <li><a href="#">Quelques chiffres</a></li>
    <li><a href="#">Partenaires</a></li>
   </ul>
  </dd>
 <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"><a href="/">Sections</a></dt>
  <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
   <ul>
    <li><a href="#">Pays Mélusin</a></li>
    <li><a href="#">Saint Julien l'Ars</a></li>
   </ul>
  </dd>
 <dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"><a href="/">Judo</a></dt>
  <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
   <ul>
    <li><a href="#">Bibliographie</a></li>
    <li><a href="#">Lexique</a></li>
   </ul>
  </dd>
</dl>

et la feuille de style qui va avec :

/* CSS Document pour le menu gauche déroulant et rollover */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menug {
position:relative;
width: 100%;
}

#menug dt {
cursor: pointer;
height: 26px;
line-height: 26px;
margin: 0;
text-align: center;
font-weight: bold;
}

#menug dd {
background: #D6D0D0;
position: absolute;
z-index: 100;
left: 9em;
margin-top: -1.5em;
width: 10em;
border: 1px solid gray;
}


#menug li {
text-align: center;
font-size: 90%;
height: 18px;
line-height: 18px;
}
#menug li a {
background: #D6D0D0;
color: #000000;
text-decoration: none;
display: block;
width: 100%;
}
#menug li a:hover {
background: #F0F0F0;
width: 100%;
}

#menug dt a {
background: url(../images/bouton-menu3.jpg) 0 0;
display: block;
color: #000000;
text-decoration: none;
width: 170px;
}
#menug dt a:hover {
background: url(../images/bouton-menu3.jpg) 0 -26px;
display: block;
color: #FFFFFF;
width: 170px;
}

Tout ça géré avec un bout de javascript :

<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>

Voilà tout est dis.
Merci d'avance pour vos réponses.
Modifié par Aquarius (07 Sep 2005 - 12:06)

Un petit up, car ça fait plusieurs jours déjà, et je n'ai pas trouvé la solution.
L'adresse : -http://www.usj86.com/USJ86v3/
Modifié par Aquarius (25 Nov 2005 - 02:03)

Bonjour,

Je te conseille de remplir les a:link a:visited a:active dans l'ordre suivant :
LoVe HAte (link visited hover active)

<edit>Je ne sais pas si tu es dans ce cas, mais il semblerait car tu parles de scintillement que je ne vois pas sous FireFox.
http://www.pompage.net/pompe/fondscliquables/
</edit>

<edit2>
Il y a peut-être d'autres soucis sous FireFox les menus à gauche disparaissent étrangement au survol de la souris.
</edit2>

Tiens-nous au courant et si cela marche, un petit [résolu] dans le titre du sujet
Modifié par zzzazzz (05 Sep 2005 - 22:53)

Merci beaucoup zzzazzz, mais j'ai, entre temps, trouvé un autre type de menu qui ne produit pas ce scintillement et qui et toujours lisible lorsque le javascript est désactivé.

Merci quand même de m'avoir répondu.