Bonjour,

J'ai effectuer 1h voir 2h de recherche sur le forum sans trouver de réponse à mon problème :s.

J'ai donc suivi le tutoriel du menu déroulant horizontal. Il marche d'ailleur très bien, le seul problème, c'est que lorsque je passe la souris sur un sous menu "déroulé" et qu'il y a du texte derrière, le sous menu disparait. Smiley decu

J'ai donc tester divers solution, j'ai mit des z-index partout, des position absolute, mais rien y a fait...

Auriez vous une solution ?

Voici le CSS.. un peu long dsl ^^

/* CSS Document */

body {
background: #cccccc url("../images/bg_grad.jpg") fixed;
font: 80% verdana, arial, sans-serif;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}

#general {
margin-left: auto;
margin-right: auto;
padding:0px;
width:760px;
height:1500px;
background:url(Test/images/inter_01.jpg) no-repeat;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/*
///////////////////////////////////////////////////////////////////////
//////////////////////////CSS du menu haut/////////////////////////////
///////////////////////////////////////////////////////////////////////
*/

#menu_global {
width:760px;
height:41px;

}


#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top:0;
left:O;
margin-top:41px;
width: 100%; /* correction pour Opera */
z-index:1000;

}
.test {
padding-top:10px;
}

#menu dl {
float: left;
width: 118px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: url("Test/images/menu_02.jpg");
height:39px;
width:119px;
color:#FFFFFF;
}

#menu .ext_menu {
cursor: pointer;
text-align: center;
font-weight: bold;
background: url("Test/images/menu_01.jpg");
height:39px;
color:#FFFFFF;

}

#menu dd {
display: none;
border: 1px solid gray;
}

#menu li {
text-align: center;
background: #fff;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
line-height:18px;
}

#menu dt a:hover, #menu dt a:focus {
background: url("images/menu2.jpg");
}

#menu li a:hover, #menu li a:focus {
background: #CCCCCC;

}

/*
//////////////////////////////////////////////////////////////////////////////
////CSS qui affiche le moteur de recherche et lien lien recherche avancé./////
//////////////////////////////////////////////////////////////////////////////
*/

#search {
background:url(Test/images/inter_03.jpg) no-repeat;
float:right;
margin-top:-41px;
width: 100%; /* correction pour Opera */
width:284px;
height:81px;

}

#plcmt  a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
margin-left:40px;

}

#plcmt  a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:underline;
color:#FFFFFF;
margin-left:40px;

}

#plcmt {
margin-left:85px;
margin-top:34px;
}


/*
//////////////////////////////////////////////////////////////////////////////
///////CSS de la partie qui affiche la rubrique, le tite de la page///////////
//////////////////////////////////////////////////////////////////////////////
*/

#rubrique {
background:url(Test/images/inter_04.jpg) no-repeat;
float:left;
width: 100%; /* correction pour Opera */
width:476px;
height:42px;
margin-top:-2px;
z-index: 100dd;

}

#title_rubrique {
position: absolute;
z-index: 200;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bolder;
margin-top:10px;
margin-left:25px;
z-index: 2;
}


/*
//////////////////////////////////////////////////////////////////////////////
///////////////////////CSS des liens haut de page/////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/

#minilink {
margin-top:25px;
margin-left:650px;
color:#FFFFFF;

}

#minilink a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
}

#minilink a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:underline;
color:#FFFFFF;
}

/*
//////////////////////////////////////////////////////////////////////////////
//////////CSS du corps du docuement (affichage des page etc...)///////////////
//////////////////////////////////////////////////////////////////////////////
*/

#corps {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
background: #FFFFFF;
width: 97%;
height: auto;
padding:10px 10px 10px 10px ;
border:#CCCCCC 1px solid;
margin-top:100px;

}

-->
</style>