Login-Button funktioniert NUR im Internet Explorer

Hallo zusammen,

Mein Login-Button funktioniert nur im IE, im Firefox und Chrome frunktioniert er nicht. Der Button wird zwar angezeigt mit dem Wort "Login". Dieses "Login" ist ein Link (a href), im Firefox und Chrome wird es aber nicht als Link angezeigt, sondern als normalen Text. Somit muss das Problem am Link liegen. In einem Forum hab ich gelesen, dass es möglicherweise am CSS-Code liegen könnte, ich finde aber nichts ungewöhliches wenn ich diesen ansehe:

Zitat

CSS
.loginbutton {
background-color:transparent;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffffff;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
}.loginbutton:active {
position:relative;
top:1px;

#headerlogin {
float: right;
margin-top: 2%;
margin-right: 12%;}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #ffffff; text-decoration: none}
a:link {color: #ffffff; text-decoration: none}
a:active {color: #ffffff; text-decoration: none}
}

PHP
<div id="headerlogin">
<?php if (!(current_user_can('level_0'))){ ?>
<a href="http://localhost/wordpress/wp-login.php" class="loginbutton">Login</a>
<?php } else { ?>
<a href="http://localhost/wordpress/wp-login.php?loggedout=true" class="loginbutton">Logout</a>
<?php }?>
</div>

Alles anzeigen

Im Internet Explorer funktioniert alles einwandfrei. Einen Link kann ich leider nicht angeben, da es sich um eine lokale Webpage handelt.

Ich hoffe jemand kann mir weiterhelfen und mir sagen, wie ich den Link im Firefox und Chrome zum laufen bringe..
Wirklich komisch dass für einmal nicht der IE das Problem ist :-)

Freundliche Grüsse