After creating a CSS3 gradient using ColorZilla, I noticed an issue with the DATA URI that seems to be causing problems. Check out my fiddle link here: http://jsfiddle.net/cY7Lp/.
In WebKit & Firefox browsers, the rounded corners display correctly. However, in IE9, the corners are rounded but the gradient extends beyond them. I want to prevent the gradient from bleeding outside the corners. Any insights on why this is happening?
---Edit---
Just to clarify, this issue only occurs with block elements and not inline elements.