Bonjour à tous,

J'ai remarqué hier deux problèmes liés aux menus déroulants, dans le développement du site html/css que je réalise.

1/ Le menu s'affiche correctement lors du passage de la souris, mais il est occulté par un Div d'un menu latéral gauche.

2/ Le menu s'affiche lorsque je passe la souris sur l'entête de menu, mais quand j'essaie de descendre dans son arborescence, celle-ci dispait.

Voici mon code css :

/* Menu horizontal */

div#listmenu {
width:100%;
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:.8em;
margin-top:0px;
height:25px;
}
div#listmenu ul {
margin:0 0 0 60px;
}
div#listmenu li {
float:left;
position:relative;
list-style-type:none;
padding:0 6px;
border-left:0px;
border-right:0px solid #069;
height:25px;
}
div#listemenu li:hover {
background-color:#FFF;
}
div#listmenu li:first-child {
border-left:0px solid #069;
}
div#listmenu a {
display:block;
padding:0 6px;
text-decoration:none;
color:#FFFFFF;
}
div#listmenu a:hover {
background-color:#DDD
}
div#listmenu ul li ul {
margin:0;
margin-top:9px;
position:absolute;
width:10em;
left:-41px;
}
div#listmenu ul li ul li {
width:100%;
border-left:0px solid #069;
border-bottom:0px solid #069;
border-right:0px solid #069;
padding:0 0 1px;
}
div#listmenu ul li ul li:first-child {
border-top:1px solid #069;
}

/* Masquage du sous-menu quand non survolé */
body div#listmenu ul li ul {display:none;}
div#listmenu ul li:hover ul , div#listmenu ul li ul:hover {display:block;}

body div#listmenu ul li ul li ul {
visibility:hidden;
top:-1px;
left:10em;
}
div#listmenu ul li ul li:hover ul {visibility:visible;}

div#listmenu ul li ul li:hover ul li ul {display:none;}
div#listmenu ul li ul li ul li:hover ul {display:block; }
Si quelqu'un peut m'aider à résoudre ce problème bien génant...