FIX: <DIV> Tags Are Positioned Incorrectly in Internet Explorer 4.01

MORE INFORMATION

Steps to Reproduce Behavior

1. Load the following HTML into Internet Explorer 4.01:

   <HTML>
   <BODY>
     <DIV ID=one STYLE="position:relative;width:200"
        onclick="document.all.two.style.display = '';">
     Div One
     </DIV>
   
     <DIV ID=two STYLE="position:relative;width:200;display:none">
     Div Two
     </DIV>
   </BODY>
   </HTML>
   					

2. Click "Div One."

Result: "Div Two" is displayed to the right of "Div One" off the screen. If you resize the application's window, it repositions to below "Div One."

Expected Behavior: "Div Two" should be displayed below "Div One." This worked in Internet Explorer 4.0.

Placing a <BR> or a <P> after the first </DIV> corrects this problem but places an extra line break between the two <DIV> tags. This HTML works correctly:

<HTML>
<BODY>
  <DIV ID=one STYLE="position:relative;width:200"
     onclick="document.all.two.style.display = '';">
  Div One
  </DIV>

  <BR>

  <DIV ID=two STYLE="position:relative;width:200;display:none">
  Div Two
  </DIV>
</BODY>
</HTML>