[CSS] FF v.s. IE : a class probleem

[Briefcase]

Wanneer ik onderstaande code aanroep d.m.v. <a href="nieuws.htm" class="navigatie">nieuws</a>
Geef FF netjes de witte tekst weer met een gele hover. Maar IE alleen de hover maar maakt van de normale blauwe underline.

Nu ben ik aan het experimenteren geweest en ook a.navigatie:link, a.navigatie:hover etc etc op een rijtje gezet met als resultaat: IE doet het goed, maar FF gaat de mist in en heb dan zwarte tekst van de standaard a tag.

code:

a.navigatie:link{
    font-family: "Trebuchet MS";
    font-size:16px;
    font-weight: bold;
    color:#FFFFFF; 
    text-decoration:none;
}
a.navigatie:visted {
    font-family: "Trebuchet MS";
    font-size:16px;
    font-weight: bold;
    color:#FFFFFF; 
    text-decoration:none;
}
a.navigatie:hover {
    font-family: "Trebuchet MS";
    font-weight: bold;
    color:#FFCC33; 
    text-decoration:none;
    font-size:16px;
}
a:link {
    text-decoration:none;
    color:#000000;
    }
a:hover {
    text-decoration:underline;
}

[Verwijderd]

Waarom zo ingewikkeld allemaal?

code:

a {
   color: #000;
   text-decoration: none;
   }

a:hover {
   text-decoration: underline;
   }

a.navigatie {
    font: bold 16px "Trebuchet MS";
    color: #FFF; 
    }

a.navigatie:hover {
    color: #FC3;
    }

Het bovenstaande werkt in alle browsers gewoon picobello.

[ Voor 56% gewijzigd door Verwijderd op 09-04-2006 23:19 . Reden: uhm.. iets over het hoofd gezien. ]

[Briefcase]

Dat gaat i.d.d. beter! Dankje.

[Kayshin]

Het :link idee klopt naar mijn idee niet, hij herkent hem niet. een element zonder :class dingetje is gewoon het standaard element, waar je geen :link aan mee hoeft te geven

[André]

Beetje basic, kijk voor de grap eens op www.w3schools.com/css