Ciao. Ho integrato in un sito web questi pulsanti fatti con CSS3. Hanno spigoli arrotondati e gradiente come colore di sfondo.

Ho notato con mia sorpresa che in IE9 lo sfondo non viene arrotondato, cioè dove ci sono gli spigoli arrotondati il colore di sfondo rimane rettangolare e quindi deborda. Lo posso accettare per i vecchi browser, ma anche per IE9?

Qualcuno sa se si può risolvere?

Riporto il codice del pulsante per chi non ha voglia di aprirsi il linnk

codice:
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
Grazie