hovern mit grafik

[meLog]

und zwar geht es um folgendes. ich hab auf meiner website eine ganz einfache navigationsleiste. eine tabelle aus 4 zeilen und einer spalte. in der tabelle befinden sich in jedem kasten eine grafik. diese 4 grafiken dienen jeweils als link. jetzt wollt ich einen einfachen mouseover effekt hervorrufen in dem beim überfahren der grafik eine andere angezeigt wird. hab ihr im forum schon viel gesucht aber das was ich mir zusammengebastel habe funktioniert nicht wirklich xD.

hier mein quelltext:

#home {background-image:url(home.jpg)display:block width:205px; height:95px}
#band {background-image:url(band.jpg)display:block width:205px; height:95px}
#gallery {background-image:url(gallery.jpg)display:block width:205px; height:95px}
#contact {background-image:url(contact.jpg)display:block width:205px; height:95px}

#home:hover, #home:focus, #home:active {background-image:url(homeneu.jpg)}
#band:hover, #band:focus, #band:active {background-image:url(bandneu.jpg)}
#gallery:hover, #gallery:focus, #gallery:active {background-image:url(galleryneu.jpg)}
#contact:hover, #contact:focus, #contact:active {background-image:url(contactneu.jpg)}

<a href="home.html" target="main" id="home"> usw..

ich finde den fehler nicht. kenne mich nicht so aus. ich schätze mal bei den profis die hier so rumfliegen müsste das schnell geklärt sein ^^

mfg meLog