Bonjour à tous!
Je suis en train de faire un menu déroulant en CSS. Celui-ci marche parfaitement sous IE, sauf que sous Firefox, il y a un temps mort entre le passage de la souris sur le lien et le déroulement du sous-menu !
C'est très frustrant et je ne vois vraiment pas ce qui cause cela.
Voici le code CSS
Et le code html
Merci d'avance pour votre aide!
Modifié par ThePatatoes (10 Nov 2008 - 07:57)
Je suis en train de faire un menu déroulant en CSS. Celui-ci marche parfaitement sous IE, sauf que sous Firefox, il y a un temps mort entre le passage de la souris sur le lien et le déroulement du sous-menu !
C'est très frustrant et je ne vois vraiment pas ce qui cause cela.
Voici le code CSS
#menu2
{
padding:0;
margin:0;
height:25px;
width:850px;
}
#menu2 ul
{
height:25px;
padding:0;
margin:0;
}
#menu2 li
{
float:left;
height:25px;
padding:0;
margin:0;
}
#menu2 a
{
float:left;
height:21px;
display:block;
margin:0;
padding:2px 13px;
}
li#sous_menu1
{
position:relative;
top:auto;
left:auto;
}
li#sous_menu1 ul
{
position:absolute;
left:-600px;
width:85px;
padding:0;
margin:0;
z-index: 25;
}
li#sous_menu1 ul li
{
width:85px;
padding:0;
margin:0;
}
li#sous_menu1 ul a
{
width:85px;
height:21px;
display:block;
margin:0;
padding:0;
}
li:hover#sous_menu1 ul
{
left:0;
margin:25px 0 0 0;
}
Et le code html
<div id="menu2">
<ul>
<li id="sous_menu1"><a href="">Tournois</a>
<ul>
<li><a href="">WPT</a></li>
<li><a href="">WSOP</a></li>
<li><a href="">EPT</a></li>
<li><a href="">Autres</a></li>
</ul>
</li>
<li><a href="">Emissions</a>
<li><a href="">Vidéos commentées</a></li>
</div>
Merci d'avance pour votre aide!
Modifié par ThePatatoes (10 Nov 2008 - 07:57)