textlinks/grafiklinks immer gekoppelt?

[el Tonno]

Hallo,

ich habe folgendes Problem: Ich habe in meiner style.css folgendes definiert:

.post .entry a {
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

.post .entry a:hover {
 color: #FFF;
 background: #000000;
 text-decoration: none;
}

... das ist auch alles so richtig, weil ich möchte, dass Textlinks auf diese Weise angezeigt werden.
Nun habe ich allerdings das Problem, dass sich das auch auf Verlinkte Grafiken auswirkt und diese unten einen schwarzen Balken bekommen.

Wenn ich das ganze nochmal mit "a:hover img..." deklariere, dann werden diese Werte nur zusätzlich angewendet, überschreiben die alten jedoch nicht.

Gibt es einen Befehl ähnlich "img", womit ich das a:hover nur auf Textlinks beziehen kann? Oder gibt es einen anderen Kniff um beides voneinander abzukoppeln?

Anzusehen ist das ganze Problem hier: www.spo-rtlich.de Fahrt mit der Maus einfach mal über Links und Bilder.

Vielen vielen Dank im vorraus!

Gruß,
Carsten