[ Résolu ] Menu horizontal css, décalage entre firefox et explorer

Bonjour

J'ai un décalage sur mon menu css entre explorer et firefox, je souhaiterai mettre le même espace sur les 2 navigateurs entre le premier lien et le bord du menu gauche ...!

Merci

Bonne journée

http://www.hasparren.net/taina/taina.html

(Code css dans la page )


Code css de la barre menu :

#nav
{
background-image: url(nav3.jpg);
font-size: 1em; 
color: #006600; 
font-family: verdana; 
text-align: right;
float: left;
width: 100%;
}
#nav ul {
margin: 0em 10px 0px 0px; 
padding-top: 0px; 
padding-right: 10px; 
padding-bottom: 0px; 
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
}
#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 16px;
line-height: 16px;
text-decoration: none;
text-align: center;
background: url() repeat-x;
padding: 0 10px;
color: white;
text-decoration: none;
}
#nav li a:hover, #nav li a:active {
background: url(nav3.jpg) 0 -16px;
padding: 0 10px;
color: white;
text-decoration: none;
} 

Modifié par africa (24 Sep 2007 - 13:05)

Bonjour,

Problème classique du retrait à gauche de 40px pour les ul, dû à un padding-left dans Firefox et à un margin-left dans IE... non?

Par ailleurs, la FAQ en parle.

Florent V. a écrit :
Bonjour,

Problème classique du retrait à gauche de 40px pour les ul, dû à un padding-left dans Firefox et à un margin-left dans IE... non?

Par ailleurs, la FAQ en parle.

Merci Florent

Grace à tes indications, j'ai trouvé la solution dans la Faq


J'ai remis le padding et margin à 0px.

#nav ul {
margin: 0px; 
padding : 0px; 
}