FIX: Problem Toggling Display of Absolute <SPAN> in IE 4.01

MORE INFORMATION

Steps to Reproduce Behavior

1. Create a Web page with the following HTML:

   <HTML>
      <SPAN style="position:absolute; cursor:hand; top:0; left:0;
            width:120; height:18; background-color:C0C0C0;
            color:000000;"
            id="here">
      &nbsp;Click Here
      </SPAN>
   
      <SPAN style="display:none; position:absolute; top:0; left:0;"
            id="foo">
         <SPAN style="position:absolute; top:18; left:0; width:120;
            height:18" id="R8">
         &nbsp;Open
         </SPAN>
      </SPAN>
   
      <SCRIPT LANGUAGE=JScript>
         function go()
         {
            if (foo.style.display == "none")
               foo.style.display = "";
            else
               foo.style.display = "none";
         }
   
         here.onclick = go;
      </SCRIPT>
   </HTML>
   						

2. Click "Click Here". The contents of the second <SPAN> tag appear.
3. Click "Click Here" again. The contents of the second <SPAN> tag should disappear, but they do not.
4. Change the width of your browser. The contents of the second <SPAN> tag disappear.

<HTML>
   <SPAN style="position:absolute; cursor:hand; top:0; left:0;
         width:120; height:18; background-color:C0C0C0; or:000000;"
         id="here">
   &nbsp;Click Here
   </SPAN>

   <SPAN style="visibility:hidden; position:absolute; top:0; t:0;"
         id="foo">
      <SPAN style="position:absolute; top:18; left:0; width:120;
         height:18" id="R8">
      &nbsp;Open
      </SPAN>
   </SPAN>

   <SCRIPT LANGUAGE=JScript>
      function go()
      {
         if (foo.style.visibility == "hidden")
       foo.style.visibility = "visible";
         else
            foo.style.visibility = "hidden";
      }

      here.onclick = go;
   </SCRIPT>
</HTML>