Menu déroulant vertical disparaît en mousover seulement avec IE

bonjour à tous,
suite à la lecture de vos tutoriels et du livre (Css2, pratique du design web...), je me suis lancé dans la création de pages xhtml et css2.
j'ai mis en place un menu déroulant vertical css + javascript persistant. bon pour tout navigateur, valide xhtml strict et css2...
je veux maintenant que les menus déroulants disparaissent quand la souris n'est plus dessus.
je reprend le tutoriel et suis les consignes au niveau des dd en rajoutant le onmousover et le onmousout : bon changement avec Firefox (le menu disparaît bien et est accessible jusqu'au bout) mais sous IE, les menus se masquent dès que la souris n'est plus sur le dessus du menu ! ! ! pas moyen d'atteindre les liens situés dans le menu ...
la page de test où j'ai un problème :
http://www.lyc-bayen.ac-reims.fr/Templates/test_menu.htm

je me demande si je n'ai pas un problème avec les ul car dans le css, j'ai plusieurs ul différents qui sont paramétrés...
le menu de navigation contenant les menus déroulant se trouvent dans un div id navigationbandeau.
le css utilisé (simplifié car long...)
[code=
/* formatage des différents div structurant les pages */

/* bandeau avec barre de navigation */
#bandeau {
position: absolute;
top: 0;
width: 100%;
height: 88px;
background: #e0e2e2 url(../img/bandeau7.png) no-repeat left top;
text-align: right;
font-size: 100%;
font-weight: 600;
color: #3F397F;
font-family: "Courier New", Courier, monospace;
z-index:80;
margin-bottom:0;
padding-bottom:0;
}

#navigationbandeau {
position: absolute;
top: 50px;
background-color: transparent;
left: 0;
right: 160px;
margin-right: 10px;
height: auto;
z-index: 100;
color: #000000;
}

/* menu horizontal alsacreation */
dl, dt, dd, ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 85%;
}

#menu {
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: 500;
background: transparent;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
font-weight: 500;
}
#menu li {
text-align: center;
background: #676398;
margin: 0 5px;
font-size: 95%;
}
#menu li a, #menu dt a {
color: #fff783;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
font-size: 95%;
background: transparent;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #000000 ;
font-size: 95%;
}
#menu a:visited {font-weight:600;}
/* fin partie commune -- div id "principal" indispensable--------*/

/* barre navigation secondaire */

#menusecondaire ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-weight: 500;
}
#menusecondaire li {
float: left;
margin: 0;
font-weight: 500;
}

/* puces spéciales */
ul.puce {
display : list-item;
background-color: transparent;
padding-left: 2px;
font-size: 100%;
}

ul.puce li {
list-style: square inside url(../img/test.gif);
}

#principal ul {
font-size: 100%;
}

/*pour les pages du CDI */
ul.cdi {
display : list-item;
background-color: transparent;
padding-left: 2px;
font-size: 100%;
}

ul.cdi li {
list-style: square inside url(../img/pucecdi.gif);
}
]

auriez vous une piste à me proposer ? merci pour votre aide.

désolé pour le non respect pour le code inséré... pas bien compris le mode de fonctionnement...

Bonjour fgandi,

Pour les codes, tu cliques une fois sur code, tu écris et tu cliques une nouvelle fois sur code pour fermer ta balise

Sinon, pour ton menu, je me suis tirée les cheveux et j'ai enfin trouvé

Ca vient des tes pourcentages de font-size, à priori et je ne sais pas pourquoi IE ne les acceptent pas

Avec du x-small ça marche, mais ça te rétrécie les menus (tu devrais pouvoir leur donner une taille fixe, je pense, aux menus)

Avec du small ça marche

Par contre, je suis en 800x600 et ton menu chevauche la partie "Rechercher sur le site" sous IE

sous Firefox, le dernier menu descend en dessous

hello Blue,
merci beaucoup pour ton aide.
avec tes indications, j'ai réussi à démêler les problèmes en mettant des tailles en pixels... même les em sont mal gérés par IE
faut gongler sur différentes propriétés pour gérer à peu près bien IE et FireFox...
encore merci, j'étais un peu perdu...
cordialement.