Grafik im link ersetzen (hover)

[Müller]

Hallo,
habe ein kleines Problem.
Auf einer Seite habe ich ne ganze Menge Div-Container, von denen jeder eine Grafik und teilweise auch noch andere Sachen enthält. Die Grafiken sind alle anklickbar. Nun möchte ich, dass diese Grafiken, wenn ich mit der Maus drübergehe, durch andere Grafiken ersetzt werden.

hier der Div in meiner HTML Datei:
<div class="st_b1" id="bild1" style="position:absolute; left:250px; top:301px; width:150px;z-index:1; visibility: visible">
     <a href="produkte.htm">
        <img src="fotos/gsv.jpg" name="willk_01" width="150" height="116" border="0" id="willk_01">
     </a>
</div>

und der dazugehörige Teil aus der ext. CSS-Datei:

.st_b1.a {
   background-image:url('../fotos/unitruck_gsv.jpg');
   background-repeat: no-repeat;
}
.st_b1.a:hover {
   background-image:url('../bilder/trennstrich.jpg');
   background-repeat: no-repeat;
}

Leider funktioniert das nicht.
Kann mir da bitte mal jemand helfen?
Danke.
Mfg
Torsten Müller

[Gunnar Bittersmann]

Hello out there!

.st_b1.a {

Damit selektierst du alle Elemente, die sowohl der Klasse "st_b1" als auch der Klasse "a" angehören. Solche gibt es nicht.

Du möchtest den Nachfahrenselektor verwenden. [CSS2 §5.1, CSS2 §5.5]

See ya up the road,
Gunnar