x:div print is transparent

I have a problem using x:div when it comes to printing out the page.
Although it looks fine on the webpage, the layer is transparent when I print it out. This means that everything behind the layer is visible on the print, s� everything looks very messy.

<x:div style="position:absolute; left:120px; z-index:2;">
<h:panelgrid>
//some info in a table
</h:panelgrid>
</x:div>

I'm not sure if this is a jsf thing or maybe a styling issue.
Anyone who has seen this before and know if I can fix it somehow? The users need to print out the pages...

Thanks.