<html>
<head>

<script>

function init()
{
  var c1 = document.getElementById("c1"); 
  var f1 = document.getElementById("f1"); 
  var a1 = document.getElementById("a1"); 
  
  function first()
  {
    f1.style.display = "-moz-popup";
    c1.style.height = "2em";
    window.status = "A";
  }
  
  function second()
  {
    c1.style.position = "absolute";
    c1.style.overflow = "auto";
    a1.style.position = "absolute";
    window.status = "B";
  }

  first();
  document.documentElement.offsetHeight;
  second();
}

</script>
</head>

<body onload="init();">
  <div id="c1">
    <div id="f1">
      <table>
        <tr>
          <td>

            <span id="a1">Foo</span>
          </td>
        </tr>
      </table>
    </div>
  </div>
</body>

</html>