How do I stop internet explorer's propriety gradient filter from cutting off content that should overflow?

Question

I\'m using the internet explorer gradient filter in my CSS.

It was all going well until I noticed that images that are supposed to extend beyond their containers

Answer 1

This works, although it's extra markup.

    

    


My content

There is a bonus to this tactic, as you can add multiple gradient boxes and set their heights/widths as a % of the parent, thus emulating the "colour stop" behaviour allowed in safari/moz.

For example: