Opacity and Panel-Heads

Hi,

i got a little problem and i hope you guys can help me:

I've created a small Sencha - App (just a site with a dummy-grid) and now i want to overlay it with a semitransparent panel.

I've added a new Container into my app. Up to the style-config it is empty.

The style is set like:

Code:

background-color:#000; opacity:0.6;

And here is, how overlay the Container over my "app":

Code:

var lb = Ext.create(myApp.view.Lightbox, {renderTo:Ext.getBody()});
var lbd = Ext.getDom(lb.id);


lbd.style.position = 'absolute';
lbd.style.width = '100%';
lbd.style.height = '100%';
lbd.style.top = '0';

Now it looks like, the grid-header is in front of the overlay.
Lightbox_bug.png

Is there workaround, so that the header looks like behind the overlay?

Best regards,

Sebastian