Modal Panel z-index problem

[maksimu]

We have a problem with Modal Panel. We can't have a close button in the header of M.P. The image is at the back of the background and it's just unreachable.
See image (i made image in purpose bigger).

[img]http://vasura.s3.amazonaws.com/richfaces-modalpanel.JPG[/img]

We used same code as in RichFaces Live example. The problem occurs in FF 3, Safari, Chrome, but in IE 6 it works.

Please can someone tell us how to fix this, when we need to change z-intex in order to put that close image up front.

Thanks

[maksimu]

OK... fixed now.. I had to add z-index position. Here is what I did:

<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="/images/modal/close.png" style="cursor:pointer; position: relative; z-index: 99;" id="hidelink" height="50" />
<rich:componentControl for="myModalPanel" attachTo="hidelink" operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>


Thanks everybody for your help!