[Résolu] Changer l'image d'un lien au passage du curseur

Bonjour je souhaite que mon lien change d'apparence (changement d'image) au passage de la souris. ma 1ere image et bien affichée en tant que lien mais au passage de la souris , rien ne se passe. je pense pourtant avoir correctement codé :

<footer>
<a href="#" class="bouton_face"></a>
</footer>


.bouton_face{
width: 46px;
height: 46px;
display: block;
background: url("decoupage/face.png") no-repeat;
}

.bouton_face:hover{

background-image: url("decoupage/face2.png");
}

j'ai remplacé background-image par background et ca marche