Michael M: Warum klapp es bei firefox nicht!!!

Beitrag lesen

Hi!

Ich habe ein Problem mit CSS!

Mein Ziel ist es das ich einen Link habe, der aus zwei Wörtern besteht!
Eines dieser Wörter soll unterstrichen sein das andere nicht.
Wenn ich nun mit der Maus drüber fahre soll sich das unterstrichene invertieren, also das vorher unterstrichene soll nun nicht mehr unterstrichen sein und das nicht unterstrichene unterstrichen :)

Im IE 6 klapp es schon:

.nav  { color:#ffffff;Font-Size: 30; FONT-FAMILY: Arial, Helvetica, sans-serif;text-align:center}

.nav:link    { text-decoration: underline}
.nav:hover   { text-decoration: none}

.nav div {color:#ffffff;FONT-SIZE: 10; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:center;text-decoration:none}

.nav:hover div { text-decoration: underline}

<html>

<a href="http://www.suedleasing.de" target="_top" class="nav">
        1stwort
        <div>2.wort</div></a>

aber Firefox lässt hier im dic tag das 2.Wort unterstrichen! Wieso

Please Help!!!!

Danke für eure mühen