Hiding pieces of a java app

[DARTHTAMPON]

I have a parachat chatroom on my board. I want to put the board on display at a conference that I am going to but I do not want the users to be able to participate in the chat.

So my first thought was to float a div over the textbox but for some reason it is not working.

I have

<div style="top:645px; width:100%; background-color:#0033CC; position:absolute; z-index:1"><br /><br /><br /><br /><br /></div>

and

<div style="position:relative; z-index:0">
chat application
</div>

why is the z-indexing not applying properly. Is there a way around this?

[Andyram2k]

Hi DARTHTAMPON,
Move the absolutely positioned div within the relative positioned div, and set the z-index to be 100. This should correct your problem.

<div style="position:relative; z-index:0">
<div style="top:645px; width:100%; background-color:#0033CC; position:absolute; z-index:1"><br /><br /><br /><br /><br /></div>
chat application
</div>