CSS Stacking Transparency Effects

[Fallout]

I am using this code:

opacity: 0.82; filter:alpha(opacity=82); -moz-opacity:0.82;

to make a transparent container <div>. In this <div>, I have a transparent PNG which is rendered correctly in IE with:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='1.png');

however, when I put the two together, the PNG transparency ignores the background <div> and goes straight to the background of the page. Is there a way that I can make IE behave like Firefox in this regard?

The picture below has the background <div> as the brown color and the PNG is fully transparent except for the white text.