j'ai 3 elements defini comme suit :
CODE
div.navigation {
/* Position */
float: left;
width: 15%;
margin-bottom:0;
z-index: 2000;
}
.ombre {
z-index: -1;
background: url(/Images/ombre.png) no-repeat bottom right;
margin: 6px 0 10px 10px !important;
margin: 10px 0 10px 5px;
padding: 0px;
}
.contenu_ombre{
z-index: 0;
position: relative;
bottom: 6px;
right: 6px;
margin:0;
padding:0;
}
/* Position */
float: left;
width: 15%;
margin-bottom:0;
z-index: 2000;
}
.ombre {
z-index: -1;
background: url(/Images/ombre.png) no-repeat bottom right;
margin: 6px 0 10px 10px !important;
margin: 10px 0 10px 5px;
padding: 0px;
}
.contenu_ombre{
z-index: 0;
position: relative;
bottom: 6px;
right: 6px;
margin:0;
padding:0;
}
navigation me cree un petit menu sur la gauche, alors que ombre et contenu_ombre me cree une zone de saisie.
Le probleme est que contenu_ombre est systematiquement place au dessus du menu, et ce, quelque soit la valeur de leur z-index respectif. D'apres les tests que j'ai fait, c'est position: relative; qui cree le probleme.
Comme faire pour avoir le menu au dessus du reste ?
Merci
Laurent
PS: je n'est vu ce probleme qu'avec FF2. Avec IE, la forme est placee plus bas dans la page.