Actionknap virker i Safari - ikke i IE og FF

Hej,

Jeg har fået lavet design til actionknapper på iWebToolsOnline.com, og de fungerer som sådan ganske godt. Problemet opstår når jeg vil have link på knapperne. Det virker ganske fint i Safari, men ikke i Internet Explorer og Firefox.

Koden i mit stylesheet er:

button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
margin-top:8px;
}

button.rounded {
background: transparent url( images/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 13px;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

button.rounded span {
background: transparent url( images/btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}

Og koden til selve knappen:

<button class="rounded"><a href="http://www.link.dk/"><span>Tekst på knap</span></a></button>

I forhold til den oprindelige kode fra iWebToolsOnline.com, har jeg ikke ændret i koden i mit stylesheet, men tilføjet link-delen i koden til selve knappen. Koden så således ud før:

<button class="rounded"><span>Tekst på knap</span></button>

Håber I kan hjælpe.

Venlig hilsen
Mikkel Walldorf