Hallo, mein Vorschlag:
/* Es gibt sicher eine Erklärung, warum es so funktioniert und bei einzelner festlegung nicht immer geht - aber ich weiß sie leider nicht ;-) */
a:link, a:visited, a:active, a:hover
{
color: blue;
text-decoration: none;
font-weight: 550;
}
a:visited {color:purple;}
a:active {color:blue;}
a:hover {color:red; text-dcoration:underline;}
/* Die Reihenfolge spielt bei der Link Definition in CSS eine Rolle - genaueres kannst du nachlesen in http://www.css4you.de/ - Sehr empfehlenswert!*/
/* Wenn du die folgenden Links so stylest, sind automatisch alle Links im Div Container .navigation in dieser Erscheinungsform, das ist recht praktisch:*/
.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover
{
color: blue;
text-decoration: none;
font-weight: 550;
}
.navigation a:visited {color:purple;}
.navigation a:hover {color:red; text-dcoration:underline;}
.navigation a:active {color:blue;}
... Dir ist sicher aufgefallen, dass ich mir die Arbeit gespart habe, alle deine styles zu kopieren - das Prinzip ist aber glaub ich ersichtlich... Dein Stylesheet wird so auch kürzer und einfacher zu warten.
mfg
Anschinsan