I have laid out the following HTML page with CSS's absolute positioning under Netscape 6. The page contains several textbox HTML form elements, and each element is placed with DIV tag which may be nested several layer deep from the root. The layout looks fine; however, when I tab from one text box to another, the focus disappears, and there is no indication where it goes. Any idea?

Any help is appreciated.

Thanks.

Roy Lou.



<HTML>
<HEAD>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<TITLE>Form1</TITLE>
</HEAD>

<STYLE TYPE="TEXT/CSS">
DIV {position:absolute}
</STYLE>

<BODY >
<FORM NAME="Form1" >
<DIV STYLE="left: 56; top: 51; width: 336; height: 37">
<DIV STYLE="left: 8; top: 8; width: 168; height: 21">Question Text (VAR00001)</DIV>
<DIV STYLE="left: 200; top: 8;">
<INPUT TYPE="TEXT" STYLE="width: 128; height: 21" NAME="Question1" VALUE="" MAXLENGTH="8" >
</DIV>
</DIV>

<DIV STYLE="left: 73; top: 119; width: 336; height: 37">
<DIV STYLE="left: 8; top: 8; width: 168; height: 21">Question Text (VAR00003)</DIV>
<DIV STYLE="left: 200; top: 8;">
<INPUT TYPE="TEXT" STYLE="width: 128; height: 21" NAME="Question2" VALUE="" MAXLENGTH="8" >
</DIV>
</DIV>

<DIV STYLE="left: 111; top: 187; width: 336; height: 37">
<DIV STYLE="left: 8; top: 8; width: 168; height: 21">Question Text (VAR00004)</DIV>
<DIV STYLE="left: 200; top: 8;">
<INPUT TYPE="TEXT" STYLE="width: 128; height: 21" NAME="Question3" VALUE="" MAXLENGTH="8" >
</DIV>
</DIV>

<DIV STYLE="left: 143; top: 263; width: 336; height: 37">
<DIV STYLE="left: 8; top: 8; width: 168; height: 21">Question Text (VAR00005)</DIV>
<DIV STYLE="left: 200; top: 8;">
<INPUT TYPE="TEXT" STYLE="width: 128; height: 21" NAME="Question4" VALUE="" MAXLENGTH="8" >
</DIV>
</DIV>

<DIV STYLE="left: 195; top: 347; width: 336; height: 37">
<DIV STYLE="left: 8; top: 8; width: 168; height: 21">Question Text (VAR00013)</DIV>
<DIV STYLE="left: 200; top: 8;">
<INPUT TYPE="TEXT" STYLE="width: 128; height: 21" NAME="Question5" VALUE="" MAXLENGTH="8" >
</DIV>
</DIV>

</FORM>
</BODY>

</HTML>