[CSS]Obrazkowy odnośnik zmieniający się po najechaniu kursorem

[jeboka]

Witam jestem początkujący , ale już coś ogarniam w miare , potrzebuje zrobić odnośnik obrazkowy który będzie wyglądał tak: http://imageshack.us/photo/my-images/19/galerianc.png/ o nazwie "galeria.png" a po najechaniu będzie zastępowany takim: http://imageshack.us/photo/my-images/40/galeria2w.png/ o nazie "galeria2.png" , próbowałem to zrobić za pomocą:
w html

Kod:

<a href="strona2.html"><img src="galeria.png" alt="lipa" /></a>

w css

Kod:

a:hover { background-image url('galeria2.png)
}

pojawiała się tylko część obrazka "galeria2.png" na mniejszej dolnej połowie "galeria.png" pozycjonowaniem za wiele mi nie pomogło. Myślę że jest to prosty do rozwiązania problem
Moje pytanie to czy jest to w ogóle możliwe tak jakby zastąpić dany obrazek innym , jeśli tak to w jaki sposób to napisać