Cambiar imagen en hover

[ArturoGallegos]

prueba cambiar tu html de esta forma

Código HTML:

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

y tu css

Código CSS:

.over
{display:block;
width: 84px;
height: 22px;
background:#f00 url("images/facebook_off.png");
background-repeat: no-repeat;
}
 
.over:hover
{
width: 84px;
height: 22px;
background:#0f0 url("images/facebook_on.png");
background-repeat: no-repeat;
}
 

el truco esta en aplicar el css al link directamente, observa el css y seguro entenderás donde estaba tu error

nota:los colores en el fondo los puse meramente para hacer la prueba y ver que funcionara