Hover-Effekt mit css

[Matze]

Hallo!

Im Internet findet man so viel, aber das, was ich suche, finde ich nicht.

Ich hätte gerne Bilder, die im Vordergrund liegen mit einem Hover-Effekt versehen.

Sind die Bilder im Hintergrund, soll es irgendwie so gehen (geht aber auch nicht):

Code:

a.but_home   { display:block; background-image:url("./images/but_home.gif"); width:100px; height:19px }
a.but_home:hover  { background-image:url("./images/but_links.gif") }

oder so:

Code:

#but_home   a .but_home   { display:block; background-image:url("./images/but_home.gif"); width:100px; height:19px }
#but_home   a:hover .but_home { background-image:url("./images/but_links.gif") }

Soviel konnte ich ergoogeln, aber

1. geht das irgendwie nicht
2. Sind das immer Hintergrundbilder

Kennt sich einer von euch damit aus?