Bonjour,

J'ai crée des boutons grace a un li mais lorsque que je met un a:hover avec une image de background mon texte n'est plus centré verticalement et sinon mon background ne fait pas la taille complete de mon bouton ..


div#top {
background-color:#0074B6;
width:967px;
margin-left:180px;
margin-top:-82px;
height:80px;
border-top:solid 1px #000;
border-bottom: solid 1px #000
}

div#top li {
float:left;
background-color:#D3D289;
width:98px;
margin-left:7px;
margin-top:8px;
border:solid 1px #000;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px
}

div#top a {
float:left;
width:98px;
height:30px;
}

div#top a:link {
color:#000000;
}

div#top a:hover{
background:url(../images/ahover/catevert.jpg);
}

Configuration: Windows XP Internet Explorer 7.0