Menu en CSS et Javascript - Décalage avec IE

Bonjour,

j'ai créer un menu avec un sous menu en CSS et Javascript qui rend bien sous Firefox mais j'ai un léger décalage entre les catégories sous IE et je ne sais pas pourquoi.

Voici mon menu : menu

Mon menu:

<ul>
	<li class="menu"><a href=index.php3?page=accueil><b>Accueil</b></a></li>
					
	<li class="menu" onclick="activerMenu('smenu1');"><a href="#"><b>Test</b></a></li>
			<ul id="smenu1" class="smenu1">
				<li><a href=index.php3?page=test title="test1">test menu 1</a></li>
				<li><a href=index.php3?page=rtest2 title="test2">test menu 2</a></li>
				<li><a href=index.php3?page=stage3 title="test3">(test menu 3</a></li>
			</ul>
	
</ul>

Mon javascript:

function activerMenu(id)
{
	if (document.getElementById)
    {
		var menu = document.getElementById(id);
	  for (var I = 1; I < 9; I++) {
			var nom = "smenu"+I;
			if (menu.className == nom)
				{
				  document.getElementById(nom).style.display="block";
					}
				else
				{
					document.getElementById(nom).style.display="none";
				}
			}
			for (var I = 1; I < 11; I++) {
			  var nom2 = "ssmenu"+I;
					document.getElementById(nom2).style.display="none";
			}
		}
}

Mon fichier de style:

#menuglobal {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 5px;
	top: 150px;
	border-color: #7b9ebd;
	border-style: dashed;
	border-width: 1px;
}

.menu {
	margin: 0;
	padding-bottom: 0;
	padding-top: 10px;
	padding-left: 5px;
	width: 150px;
	height: 20px;
	text-align: left;	
	font-size: 12px;
	font-weight: bold;
	background-color: #f1f9fe;
}
.menu a:hover {
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	height: 20px;
	background-color: #f1f9fe;
}
#smenu1 {
	position: absolute;
	z-index: 100;
	left: 140px;
	margin-top: -20px;
	margin-left: 10px;
	padding-left: 5px;
	display: none;
	background-color: #f1f9fe;
	border-color: #7b9ebd;
	border-style: dashed;
	border-width: 1px;
	font-size: 12px;
	width: 150px;
	text-align: left;
}
#smenu1 a {
	font-weight: normal;
}

ah oui je tiens à préciser que le code peut etre épurer et simplifier car je l'ai repis d'un site intranet que j'avais créer mais il y a de ca 2ans et maintenant mon niveau a bien baissé puisque je ne pratique plus.

J'avais dans ce menu plusieurs sous menus et sous-sous menus (ce qui explique par exemple le code du javascript que je n'ai pas modifié).
A l'époque je ne m'étais pas posé la question de savoir si ca marchait ou pas sous ie. D'ailleurs les sous-sous menus ne marche pas sous ie.
mon site intranet : juste pour voir la gueule du menu
on peut voir le sous sous menu en cliquant sur la catégorie option.

Merci à tous ceux qui pourront m'aider
Modifié par rob44 (18 Oct 2006 - 09:55)