Bilder sollen in Links nicht unterstrichen werden (Mozilla 1.3b)

[Robert Bamler]

Hallo ihr CSS-Profis,

wenn ich folgendes CSS notiere:

span.a{font-weight:bold;text-decoration:underline}
span.b{font-weight:normal;text-decoration:none}

Dann wird dieses Zeile:

<span class="a">Text1 <span class="b">Text2</span> Text3</span>

Wie folgt dargestellt:

• Text1 und Text3 werden wie erwünscht sowohl fett als auch unterstrichen dargestellt.
• Text2 wird zwar nicht fett, trotzdem aber unterstrichen dargestellt.

Wie kann ich erreichen, dass in einem Element, das sich innerhalb eines anderen Elements mit "text-decoration:underline" befindet, der Text nicht unterstrichen dargestellt wird? Ich möchte also sozusagen die Unterstreichung für Text2 vorübergehend aufheben. Ich habe bereits in http://www.w3.org/TR/REC-CSS2/text.html#q3 nachgelesen, dass in einem als unterstrichen ausgezeichneten Element alle Kindelemente auch unterstrichen werden sollen. Gibt es trotzdem eine Möglichkeit, das zu umgehen?

Wenn ich in der zweiten Zeile statt "text-decoration:none" folgendes: "text-decoration:overline" angebe, wird Text2 übrigens sowohl über-, als auch unterstrichen.

Wozu ich das brauche:

Mozilla 1.3b unterstreicht in Hyperlinks auch Bilder (<img ... />), wenn man einen Doctype angibt und der Hyperlink neben dem Bild auch Text enthält. Ich möchte aber, dass nur der Text unterstrichen wird, nicht das Bild im Hyperlink. Dazu habe ich schon folgendes Versucht:

a {text-decoration:underline}
a img {text-decoration:none}

(Statt mit "a" habe ich es auch mit "a:link" getestet und außerdem die Zeilen vertauscht.)

Aber das nützt ja nichts (weder in der Praxis, noch laut der W3C-Spezifikation). Gibt es trotzdem eine Möglichkeit, dass Mozilla 1.3b die Bilder in meinen Hyperlinks nicht unterstreicht? Die unterstrichenen Bilder machen die Seite IMHO sehr unübersichtlich, weil dadurch zusammengehörige Ordnerbäume "auseinandergeschnitten" werden.

Danke schon einmal, dass ihr bis hierhin durchgehalten habt ;-)

Robert