Firefox hover image tauschen funzt nicht IE schon

[christianstrang]

Hallo zusammen, habe mich tot gesucht im Internet, hoffe ihr könnt mir helfen:

Ich will ein Bild tauschen (Rollover) und das ganze mit CSS erstellen. Im IE funzt es auch schon, Firefox will aber nicht, hier der Code:

CSS:

a#home_button img {background: url(/xampp/esein_de/fileadmin/layout/main/button_home1.gif) top left no-repeat;}.gif) top left no-repeat; display: block; width: 150px; height: 43px;}

a#home_button:hover img {background: url(/xampp/esein_de/fileadmin/layout/main/button_home2.gif) top left no-repeat; display: block; width: 150px; height: 43px;}

LINK:

<a id="home_button" href="/xampp/esein_de/home.html"><img src="/xampp/esein_de/fileadmin/layout/main/blank.gif" alt="Home"></a>

"blank.gif" ist ein transparentes Bild mit den gleichen Höhen und Breitenangaben wie das wechselbild.