CSS - Linkfarbe

    Hallo, ihr Genies in WWW die ihr meine letzte Rettung seit :)!

    Also ihr denkt jetzt vielleicht dass ich frage:"wie mach ich das.... blablabla" aber do ist es nicht. Sitze seit stunden an diesem problem. Ich hab eine seite in der ich im head bereich die linkfarben über css definiere.

    Code:
    <style type="text/css">
    a:link {text-decoration:none; color : Black;}
    a:visited {text-decoration:none; color: Black;}
    a:hover {text-decoration:none; color: Black;}
    a:active {text-decoration:none; color: Black;}

    a.bu:link {text-decoration:none; color: Black; background : none;}
    a.bu:hover {text-decoration:none; color:#99CCFF; background : none;}
    a.bu:active {text-decoration:none; color:#99CCFF; background : none;}
    a.bu:visited {text-decoration:none; color: Black; background : none;}

    ....
    </style>


    Wenn ich nun einen link habe füge ich in den tag class="bu" ein und dann klappt das ganz ja auch richtig gut. Nach einigen anläufen sogar im IE und im FF. ABER es klappt nur dann aber auch wirklich nur dann, wenn ich die Seite über Dreamweaver öffne, rufe ich sie direkt aus dem Ordner mit FF oder IE auf bleiben die Links schwarz oder auch nicht wenns ganz lustig wird, fast jedesmal wenn ich die Seite neu öffne passiert was anderes, hab bis jetzt noch kein Muster/System entdeckt - und umgespeichert hab ich in der Zwischenzeit auch nix.

    Kennt ihr das Problem? Oder könnt ihr mir sagen wie ich das anders Lösen könnte?

    Machs mal richtig :

    Code
    .bu a:link {text-decoration:none; color: Black; background : none;}
.bu a:hover {text-decoration:none; color:#99CCFF; background : none;}
.bu a:active {text-decoration:none; color:#99CCFF; background : none;}
.bu a:visited {text-decoration:none; color: Black; background : none;}


    G.a.d.M.

    Ronald