[résolu]Menu déroulant hide autre liens sous IE

Bonjour alors voila j'ai utiliser le menu deroulant http://css.alsacreations.com/xmedia/exemples/deroulant/menu-vertical.htm

Alors sous FF, netscape et mozilla sa marche impec.




Mais alors sous IE y me fait n'importe quoi



Voila le code source:

CSS

a.menuderoulant{
  	font: 75% Verdana,sans-serif;
  	color: #000000;
	font-weight: bold;
	border-right: 10px solid #8FB8BC;
}


a.glink{
  	font-size: normal;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:visited{
font-size: normal;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}


a.glink:hover{
  	background-image: url(glblnav_selected.gif);
	text-decoration: none;
	color: #ff0000;
}

Script JAVA:

<!--Script menu déroulant-->
<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>
<!--Fin script menu déroulant-->

HTML:

<!--Le menu déroulant-->

<dl id="menu">
<dt onmouseover="javascript:montre('smenu2');">
<a href="http://lemondedurpg.free.fr/tout_les_jeux/tout_les_jeux.php" class="glink" ;="">Tout les jeux</dt>
<dd id="smenu2">
<ul>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/PC.php" class="menuderoulant">Jeux PC</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/Playstation.php" class="menuderoulant">Playstation</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/Playstation_2.php" class="menuderoulant">Plastation 2</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/PSP.php" class="menuderoulant">PSP</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/Gamecube.php" class="menuderoulant">Gamecube</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/DS.php" class="menuderoulant">DS</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/GBA.php" class="menuderoulant">GBA</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/Xbox.php" class="menuderoulant">Xbox</a>
</li>
<li><a href="http://lemondedurpg.free.fr/tout_les_jeux/Xbox_360.php" class="menuderoulant">Xbox 360</a>
</li>
</ul>
</dd>	
<!--Fin du menu déroulant-->

SI quelqu'un pouvait m'aider à régler mon problème, merci d'avance!
Modifié par @lucard (17 Jun 2006 - 18:45)

Personne pour m'aider ou alors je m'exprime mal?

Le forum est constitué de bénévoles qui sont parfois sur d'autres occupations

Bon, je ne suis pas un expert. mais dans les feuilles CSS que j'ai fait jusqu'à présent je met sythématiquement : margin:0px; padding:0px;

Un peu d'explication simpose : les marges des éléments ont tous des valeurs par défaut 0px pour Mozilla, FF et Nescape et 2 ou 4px pour IE ce qui explique parfois des comportements bizares sous IE
Modifié par MacBee (16 Jun 2006 - 22:04)

Salut,

Problème de CSS. Tu trouveras la solution dans cette partie de l'article, plus précisément le dernier paragraphe de cette partie, à partir de « Enfin, un autre problème fréquent avec les listes apparaît dans IE quand le contenu d'un élément li est une ancre en display: block. »


Ca doit bien faire 4 fois que je renvoie vers cet article aujourd'hui
Modifié par Alan (17 Jun 2006 - 14:21)

Alors merci j'ai réussi à régler le problème des espace blanc.

Mais parcontre y me reste le problème que sous IE tout ce qui est sou le menu déroulant,même si il n'en fait pas partie, est cacher sauf si je met la souris dessus.

Sous IE: http://forum.alsacreations.com/upload/7184-menuie1.JPG SOUS FF: http://forum.alsacreations.com/upload/7184-menuff1.JPG
Modifié par @lucard (17 Jun 2006 - 14:37)

Idem, ajoute à l'élément qui pose problème une propriété qui va lui conférer le layout (tu peux faire les essais avec zoom:1; par exemple. Tu avais essayé simplement sur #menu a ?)
Modifié par Alan (17 Jun 2006 - 15:44)

Je ne comprend pas ce que tu dis tu pourrait être plus claire.
Et si seulement je savais réllément lélement qui posait probleme!

Ok, ferme la première balise A, c'est à dire ajoute </a> avant le </dt>. Ensuite ferme la balise DL, c'est à dire ajoute ajoute </dl> après </dd> dans le code du menu déroulant.

Mais pense à corriger les erreurs grâce à un validateur car il y en a déjà plusieurs dans ton code
Modifié par Alan (17 Jun 2006 - 17:33)

Je suis top con, j'avais pas fermet ma balise donc tout etait considerait dans le MD!

Merci c'est bon!