Actionknap virker i Safari - ikke i IE og FF

Test — Mon, 11 Jul 2011 11:32:51 GMT

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

Internet/E-business hjælp div.

Actionknap virker i Safari - ikke i IE og FF