[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ć

[Pedro84]

Kolego, tak się nie robi.

Zagooglaj sobie za css sprites, a zobaczysz jak to powinno wyglądać.

[jeboka]

Dzięki za odpowiedz ale dlaczego tak sie nie robi ? Mimo to chciałbym tak zrobić jak napisałem jeśli jest możliwość i o jakieść bardziej szczegółowe wyjaśnienie , czytałem na temat css sprites ale dalej nie wiem jak to zastosować do moich odnośników

[Moody]

A nie powinno być tak?

Kod:

<a href="strona2.html">Galeria</a>

Kod:

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

[jeboka]

Wpisałem to do swojej strony , ale nadal nie dziala tak jak powinno oto efekt : http://imageshack.us/photo/my-images/850/galeriacss.jpg/
Możlwie że coś jeszcze trzeba dopisać , width: i height: mi nie pomagało , ale i tak zostaje zwykły napis galeria którego nie chce , jakieś inne pomysły ?

[Moody]

A no tak. Zapomniałem o czymś
A nie powinno być tak?

Kod:

<a href="strona2.html">Galeria</a>

Kod:

a {
display:block;
width: szerokośćobrazka px;
height: wysokośćobrazka px;
background-image: url("galeria.png");
}
a:hover {
display:block;
width: szerokośćobrazka px;
height: wysokośćobrazka px;
background-image: url("galeria2.png");
}

Teraz działa?

[Moody]

Sorki. Ale przecież pewnie jeszcze się przyda. Także nie ma co płakać nad rozlanym mlekiem.

[jeboka]

Zrobiłem to sposobem Kornela bo tak jak Moody robił to pozostawał napis galeria w rogu. Dzięki wam za odpowiedz i rozwiązanie mojego problemu.

[Moody]

To widać, że się koleś zna na html Wystarczyło usunąć ze znacznika <a> napis galeria. Ale widać trzeba im wszystko kawę na ławę.