Question

I’m trying to make a rounded button using -webkit-border-radius

This gives me this button (in Safari):

You can see that the background color overflows in the rounding. I tried changing border size and radius, but it doesn’t help. Is this a rendering bug with Safari or something?

Answer 1

It’s addressed here on http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed?d1dc0f00 Mike Harding’s blog:

-webkit-background-clip: padding-box;