hi su37!

ich habe so was auch schon öfter gemacht. ich habe es aber codemässig so gelöst. natürlich ist hier dann auch mein css-style und nicht deiner. ich denke, wenn du mal genau hinsiehst, wirst du einen kleinen unterschied sehen.

a.button:link {
border-color:#B4C2D0;
border-width:1px;
border-style:solid;
background-color:#DFEDFB;
font-family:"Verdana","Arial";
font-size:12px;
font-weight:bold;
padding:1px;
}
a.button:visited {
border-color:#B4C2D0;
border-width:1px;
border-style:solid;
background-color:#DFEDFB;
font-family:"Verdana","Arial";
font-size:12px;
font-weight:bold;
padding:1px;
}
a.button:hover {
color:black;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#ADD1F5;
font-family:"Verdana","Arial";
font-size:12px;
font-weight:bold;
padding:1px;
}
a.button:active {
border-color:#B4C2D0;
border-width:1px;
border-style:solid;
background-color:#DFEDFB;
font-family:"Verdana","Arial";
font-size:12px;
font-weight:bold;
padding:1px;
}
a.button:focus {
border-color:#B4C2D0;
border-width:1px;
border-style:solid;
background-color:#DFEDFB;
font-family:"Verdana","Arial";
font-size:12px;
font-weight:bold;
padding:1px;
}

der aufruf im html wäre dann:
<a class="button" href="url">Link</a>