*

Webkit Magic

After finding the solution to one of the most annoying iPad MobileSafari bugs/features some weeks ago, I found a solution for an even worse Safari CSS nightmare today:

Border-Radius-Artefacts

(All credits for this screenshot go to Mike Harding)

This is such a crap. You want to make use of the awesome 
-webkit-border-radius attribute and unfortunately picked the wrong border/background color combination. Safari can be such a sucker, but here’s Mike’s fix:

-webkit-background-clip: padding-box;