[pas résolu mais à supprimer] hover,a et li=> dacalage vers le haut

Salut!

Je n'avais pas trouvé de réponse lors d'un précédent post alors je refait ma demande en ayant auparavant simplifié le code:

c'est simple j'ai un menu réalisé avec des listes et je voudrais que lorsque je passe sur une option de menu le fond change de couleur.
Avec FF pas de problème mais avec IE quand je passe sur le menu, il se décale vers le haut.
Si j'enlève le background-color situé dans le a:hover et bien rien ne se passe (pas de changement de couleur(normal) et ni de décalage vers le haut)
voici un bout de ma css

ul.menu {
padding:0;
margin-top:3%;
list-style-type: none;
height:100%;
}

.menu li {
float:left;
width:78%;
height:10%;
padding:0;
font-size:1.4em;
font-weight:bold;
text-align:center;

border:1px solid #000000;
}

.menu a {
display: block;
margin:0;
padding:0;
text-decoration:none;
color: #ffffff;
width:100%;
height:100%;
background-color:#838282;
}

.menu a:visited {
margin:0;
padding:0;
background-color:#838282;
color: #ffffff;
text-decoration:none;

}

.menu a:hover {
color: #5d83c8;
text-decoration:none;
background-color:#bdb8b8;
}

et l'xhtml classique:

<ul class="menu">
       <li><a href="index2.php?page=accueil" class="accueil">Accueil</a></li>
       <li><a href="index2.php?#" class="activite">Notre activité</a></li>
       <li><a href="index2.php?page=sage" class="sage">Sage</a></li>
       <li><a href="index2.php?page=#" class="clipper">Clipper</a></li>
       <li><a href="index2.php?page=authentification" class="espace">Espace Client</a></li>
       <li><a href="index2.php?page=liens" class="liens">Liens utiles</a></li>
     </ul>

J'attend vos réponse qui cette fois-ci j'espère porteront leurs fruits (au pluriel)
Modifié par Pops83 (08 Sep 2005 - 16:57)