28172 sujets

CSS et mise en forme, CSS3

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

#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)
Bon eh bien il se trouve que c'était parce que j'était en "dézoom" sous firefox. J'avais fait ctrl - et je n'était pas revenu à l'affichage normal et ca causait un temps de chargement... Smiley smile