mehrere Linkfarben

[Carsten Drexl]

Hallo Leute,

ich habe mit mit Javascript und CSS ein Navigationsmenü gebastelt.
Dies funktioniert auch soweit ganz gut, ich habe nur das Problem wenn ich auf schrift (.nr1) verweise also font-size:0; und color: #E6E6EB; wird natürlich die Farbe des Links angezeigt. Nun habe ich noch a.nr1:link {color:#E6E6EB;} hinzugefügt, jetzt funktioniert es im Firefox aber nicht im IE6.

Wie bekomme ich das hin.
Danke schon mal im vorraus.

Hier der Code.

<style type="text/css">

.nr1
{

font-style:normal;
font-size:0;
color: #E6E6EB;
}

a.nr1:link {color:#E6E6EB;}

.nr2
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;

}
a:link {color:#878793;}
a:visited {color:#878793;}
a:active {color:#878793;}
a:hover {color:#000000;}

A:link { text-decoration: none }
A:visited { text-decoration: none }
A:hover { text-decoration: none }
A:active { text-decoration: none }
-->

</style>

<script language="JavaScript">
<!--

function modellon() {

Fox.className="nr2";
Polo.className="nr2";
}

function modelloff() {

Fox.className="nr1";
Polo.className="nr1";
}

<div align="left" class="nr2" id="Fox" style="position:absolute; left:392px; top:113px"><a href="#">Fox</a></div>

<div align="left" class="nr2" id="Polo" style="position:absolute; left:392px; top:129px"><a href="#">Polo</a></div>