<div id="facebook_survol">
    <a href="le lien de votre page facebook" title="Notre page facebook"></a>
</div>

#facebook_survol a
{
    width: 60px; /*La largeur de l'image*/
    height: 60px; /*La hauteur de l'image*/
    display: block; 
    background-image: url("images/fond-non-actif.jpg"); /*L'image de fond grise*/
}

#facebook_survol a:hover
{
    width: 60px; /*La largeur de l'image*/
    height: 60px; /*La hauteur de l'image*/
    background-image: url("images/fond-actif.jpg"); /*On affiche la deuxième image*/
}

<a href="le lien de votre page facebook" title="Notre page facebook">
    <img src="images/fond-non-actif.jpg" alt="img" onmouseover="this.src='images/fond-actif.jpg';" onmouseout="this.src='images/fond-non-actif.jpg';"/>
</a>