Problem mit OnClick bei CSS

[su37]

Hallo Leute

Ich wollte ein Menu mit verschiedenen Effekten mit Hilfe von CSS erstellen. Es gab allerdings beim a:active teil ein Problem, er funktioniert einfach nicht als wäre der letzte Abschnitt gar nicht da. Ich glaube ich habe nur etwas kleines vergessen, aber ich weis nicht was.

Ach ja ich benutze phase 5.3, nur so.

<style type="text/css">
<!--
.buttons {
margin:0px 0px 0px -20px;
padding:7px 20px;
text-transform:uppercase;
font-family:Verdana, sans-serif;
font-weight:bold;
font-size:12px;
white-space:nowrap;
background-color:#FE2E3E;
}
.buttons a {
padding:7px 20px;
border:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#EE022C;
}

.buttons a:hover {
border-right:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#FF6600;
}

.buttons strong {
padding:7px 20px;
font-family:Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

(Hier liegt irgendwo das Problem)
.buttons a:active {
border-right:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#FF6666;
}

-->
</style>

Ich hoffe ihr wisst die Lösung

mfg su37