Physically cut off right top corner of an image
===

Goodday!

I seem to have an issue wich i cannot resolve.

Example;
I have a div with a gradient from white to gray. In this div there is a image with a outerglow (css). This image needs his right top corner 'cut off' with an angle of 45 degr.

Not a big issue one might think. Put a transparant image with a colored corner over it, or use css3. But the problem is the gradient. At the bottom there's the gray color. If you use the image with a colored corner, the colors won't match anymore. I can't use the css3 border radius because of IE/older browsers.

Is there a way to 'physically' cut off the corner with jQuery? The website is in ASP.NET C# so csharp solution would also work.

Thx!