a:hover

Mam dotaz ke zmene obrazku po najeti mysi. Zatim jsem pochopil, ze je takto mozne zmenit obrazek za obrazek - na jednom definovanem miste. Je ale mozne, aby se zmenil obrazek jinde (treba vpravo nahore) na strance, kdyz najedu mysi na nejaky jiny objekt jinde (treba dole vlevo) na strance...? Zkratka jestli muze vzniknout opticky odluka mezi mistem akce mysi a mistem zmeny obrazku.
Tak Javascriptem by to mělo jít jednoduše, ale JS moc neumím. Jde to i přes CSS, ale dost krkolomně, tohle mě teď napadlo (když tak zkus kouknout na http://css.interval.cz/, možná tam bude lepší řešení):
<style>
a span{background:url("obrazek.jpg"); display:block;height:200px;width:200px; position:absolute;right:100px;top:150px}
a:hover span{background:url("obrazek2.jpg");}
</style-

<body>
<a href="#">text odkazu<span></span></a>
</body>