Aspetta, ragioniamo su un esempietto semplice e ridotto.

Innanzitutto sarebbe meglio usare un link testuale, non con un'immagine. Poniamo, quindi, questo:
codice:
Blog
Poniamo poi di avere un'immagine (che useremo come sfondo) di dimensioni 100×60 px² (i 60px di altezza sono dati dai due pulsanti da 30px l'uno, messi uno sotto l'altro). La chiameremo sfondo_blog.png. Diciamo che i primi 30px corrispondono allo stato normale, mentre gli altri allo stato 'hover'. Procediamo:
codice:
a
{
   display:block;
   width:100px; height:30px;
   text-indent:-1000em;
   background:url('sfondo_blog.png') no-repeat 0 0;
}
a:hover
{
   background-position:0 30px;
}
Prova e facci sapere.