Prob avec Rollover sur menu

Bonjour à tous,

J'ai un petit problème sur le menu de gauche de http://provincias.espana-hotel.com/

Sous IE ça m'a l'air de marcher mais sous FF j'ai un décalage à gauche important et je n'arrive pas à trouver d'où ça vient
Merci de votre aide.

Le code

<ul id=menugauche>
  <li><a href="http://provincias.espana-hotel.com/andalousie/">Andalousie</a></li>
  <li><a href="http://provincias.espana-hotel.com/aragon/">Aragon</a></li>
  <li><a href="http://provincias.espana-hotel.com/astruries/">Asturies</a></li>
  <li><a href="http://provincias.espana-hotel.com/baleares/">Bal&eacute;ares</a></li>
  <li><a href="http://provincias.espana-hotel.com/canaries/">Canaries</a></li>
  <li><a href="http://provincias.espana-hotel.com/castille-la-manche/">Castille La Manche </a></li>
  <li><a href="http://provincias.espana-hotel.com/castille-leon/">Castille - Leon </a></li>
  <li><a href="http://provincias.espana-hotel.com/catalogne/">Catalogne</a></li>
  <li><a href="http://provincias.espana-hotel.com/estremadure/">Estremadure</a></li>
  <li><a href="http://provincias.espana-hotel.com/galice/">Galice</a></li>
  <li><a href="http://provincias.espana-hotel.com/murcie/">Murcie</a></li>
  <li><a href="http://provincias.espana-hotel.com/rioja/">Rioja</a></li>
  <li><a href="http://provincias.espana-hotel.com/valence/">Valence</a></li>
</ul>

La CSS

#menugauche {
margin: 0;
margin-left: 5px;
}
#menugauche li {
margin-bottom: 5px;
list-style-type:none;
}
#menugauche a {
display:block;
width:150px;
height:20px;
text-indent: 5px ;
color: #000000;
text-decoration: none;
background-image: url("images/menu1.png");
}
#menugauche a:hover {
text-decoration: underline;
color: #990000;
background-image: url("images/menu2.png");
}
#menugauche a:visited {
text-decoration: underline;
color: #666666;
background-image: url("images/menu2.png");
}

@+
Laurent

Bonjour,

Cela peut venir des marges des listes. Tous les navigateurs ne les interpretes pas de la même manière (margin et padding) et encore moins avec les mêmes valeurs .

Il faudrait réduire les marges des listes ul à 0:

ul{
margin:0;
padding:0
}

Et les définir spécéfiquement, pour ton menu par exemple.

Lire également dans la faq: Comment corriger un espace à gauche d'une liste différent entre IE, Firefox et Opera ?

Bonjour Igor,
J'avais déjà essayé de rajouter margin et padding à 0 pour li mais ça ne faisait rien de plus.
Là j'ai rajouté

#menugauche ul {
margin:0;
padding:0;
}

dans la CSS mais ça ne change rien non plus

A mon avis tu as un problème de double déclaration:

#menugauchevoyage {
list-style-type: none;
[b]margin: 0;
margin-left: 5px;[/b]
padding:0;
}

Ayé ça a l'air de marcher en rajoutant un padding:0 à #menugauche

#menugauche {
margin:0;
margin-left: 5px;
padding:0;
}

Merci de ton aide
@+
Laurent