IE8 opacity chops off background image

I have a small problem with IE8.

I have the following fiddle: http://jsfiddle.net/H577j/

In this I have two div and a h3. The h3 has got a background image and is at the same time shifted negatively with margin. The div that the h3 tag is inside has an opacity, made with both filter, -ms-filter, and opacityin CSS. The opacity works fine in all browsers, however, in IE8 the background image of the h3 tag is hidden.

Does IE开发者_高级运维8 chop off anything outside the box? Or is there something else wrong?

Try removing the IE opacity filter. I noticed that when you apply a filter to a box in IE, it automatically chops everything inside the box that spans outside of the box.