Weird Box-shadow Artifacts In Webkit

Anyone have any idea what could be causing the blue box to the right of the input field? It's been the bane of my existence the past few days. Only appears intermittently. The mark

Solution 1:

I can't duplicate this on Safari 5.1 (10.7), and I know you've found an alternate tactic, but try -webkit-background-clip out and let me know if it is related.

-webkit-background-clip: padding-box;

Hope it works!

Solution 2:

Fix by Matteo Spinelli:

position: relative / absolute
top: 0

Here's another example: (from Safari 6.0.2; background should fill the button but it does so below the text only) http://cl.ly/image/1c1g030n2V0dhttp://cl.ly/image/0y3E3u1t391w