IE 6.0 Size and Position Problem

[ChrisOSX]

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

.hideBox {
background-color:#ccc;
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:

http://www.lejendary.com/hiddenField.html

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

TYIA,
Chris

[19nine78]

OK, try add the following to your css:

form{
margin:0;
padding:0;
}

whoch should remove the margin around the form. It still seems a few pixels out on my browser (mozilla RC2) but it should do the job.

cheers

alastair

[ChrisOSX]

In IE the box had a lot of overflow so I added:

overflow: hidden;

and that did the trick.