A lot of people have problems with IE border and background gradients, there is a simple solution for this but requires a little ahead knowledge.

The trick here is to mask the gradient with a border and then use the overflow to make it all happen.

HTML:

CSS:

So the mask will act as a border and the the gradient class will apply the gradient (problem solved)

jQuery
Should you be needing jQuery solution for this. You may want to use the .wrap() function which then in turn add the mask to all the gradients on the fly, I will work on something to add the jQuery solution but this can cause some bugs, as divs are of-course blocks so could be a problem with floats 🙂 or position: absolute;

Source

http://stackoverflow.com/questions/4692686/ie9-border-radius-and-background-gradient-bleeding