I've got the following defined in my page for a hidden layer:

.hideBox {
position: absolute;
top: 128px;
left: 151px;
width: 180px;
height: 25px;
z-index: 99;
visibility: hidden;

I'm using two different forms (due to a requirement not shown in my
given example below) and because IE is positioning things badly, and
oversizing the hidden div, I'm covering another form element. Netscape
6.2 handles it perfectly.

Please have a look at the example I've provided at:


I'd like to know why this is happening, and how to correct it.