Help CSS menu images :hover

Bonjour,

je cherche à faire un menu avec des boutons qui sont des images en normal (sans souris dessus) et en hover.
comme c'est un menu, ces bouton doivent renvoyer à des liens.

j'ai écrit le code suivant dans mon XHtml 1.0 Strict:

"<a href="questionnaire.html"><div id="Questionnaire">
</div></a>"

et dans le CSS:

#Questionnaire
{
float:left;
background-image: url(bouton_normal.jpg);
height: 43px;
width: 222px;
top: 0px;
margin: 0px;
padding: 0px;
}
#Questionnaire:hover
{
float:left;
background-image: url(bouton_hover.jpg);
height: 43px;
width: 222px;
top: 0px;
margin: 0px;
padding: 0px;
}

je précise que ces images/bouton sont placé dans des <div> disposé en float et qui se suivent de manière a faire un menu horizontale.
Pour compliquer le tout, le menu en entier est dans un <div> qui est centré de la manière suivante

"width: 800px;
margin-left: auto;
margin-right: auto;"

Je galère depuis deux jours à trouver une solutions.

Merci

A+

veyron :)