CSS Eintrag wird von anderem CSS Eintrag beeinflusst

[Hummel]

Hi,

ich lasse alle normalen Links via CSS anders anzeigen. Dies mache ich so:

a:link {
color:#006699;
text-decoration:underline;
}
a:hover {
text-decoration:none;
color:#006699;
}

Nun möchte ich aber bestimmte Links als Button darstellen. Das mache ich so:

.button {
border-right:#770000 solid 2px;
border-bottom:#770000 solid 2px;
border-top:#EB6262 solid 1px;
border-left:#EB6262 solid 1px;
background: #CC0000;
padding-left:4px;
padding-right:4px;
color:#FFF;
text-decoration:none;
font-weight:bold;
}
.button:hover {
border-right:#CC0000 solid 2px;
border-bottom:#CC0000 solid 2px;
border-top:#EB6262 solid 1px;
border-left:#EB6262 solid 1px;
background: #CC0000;
padding-left:4px;
padding-right:4px;
color:#FFF;
text-decoration:underline;
font-weight:bold;
}

Den Button Link verwende ich so:

<a class="button" href="save.php">Speichern</a>

Der Link schaut aus wie ein Button, allerdings werden Elemente vom a CSS mit reingenommen und der Button schaut nicht so aus wie er soll. Bei Formularen wo kein a Tag zum Einsatz kommt, klappt es wunderbar.

Was kann ich tun, damit class="button" auch im a Tag nur das macht, was ich im Button style festlege?

Hummel