enforcing a <DIV> to be higher layer than a listbox

My web application for use under Windows Explorer.

I'm using <DIV> tag to print a temporary report table over a form (so it covers the form to begin with), and this table has a "close" button to hide it when the user is ready to proceed with filling the form "underneath" it.

However, the select control elements on the form (listboxes, etc) show over my report table like they are in a higher-priority layer, and I don't want this. Other form elements (eg text boxes, buttons, etc) are hidden underneath my report table (while it's visible), as I want them to be.

I heard it's a known restriction that select control components have priority over all layers. Can someone suggest a way to overcome the problem I'm having, so ALL form elements including the troublesome select listboxes are covered by my report table while it's visible?

Thanks.

Hiding the <select> element is the only way to get another layer above it

Agreed.

Set visibility:hidden when the page loads and when you close the report set visibility:visible.