Cambiar imagen en hover

[bcjmpr]

Gracias por responder. Ya lo hice con javascript y no tuve problema, pero por cuestiones de accesibilidad prefiero conseguir el efecto con CSS. Ya quité la etiqueta <img> de html y dejé lo siguiente:

Código HTML:

<div id="header">
<div class="over"><a href="facebook.com/vinculo"></a></div>
</div>
 

Y el CSS:

Código CSS:

.over
{
width: 84px;
height: 22px;
background-image: url("images/facebook_off.png");
background-repeat: no-repeat;
}
 
a.over:hover
{
width: 84px;
height: 22px;
background-image: url("images/facebook_on.png");
background-repeat: no-repeat;
}
 

El resultado es que sólo aparece la imagen apagada (gris) pero lo extraño es que ni siquiera como vínculo, sólo como imagen. Agradecería un poco más de guía.