Botão do Webkit: Cor de fundo transborda de cantos redondos

Question

Estou tentando fazer um botão arredondado usando -webkit-border-radius

Isso me dá este botão (no safari):

Você pode ver que a cor do fundo transborda no arredondamento. Tentei mudar o tamanho da borda e o raio, mas isso não ajuda. Isso é um bug de renderização com Safari ou algo assim?

Answer 1

É abordado aqui em http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Blog de Mike Harding:

-webkit-background-clip: padding-box;

Answer 2

Parece que este é um bug de renderização com o Webkit. Adam Betts no Twitter:

Estamos no Safari 5 e os artefatos de Radius de Fronteira ainda estão aqui. Por que isso já não está corrigido? http://lensco.be/test/border-radius-artifacts/