<!DOCTYPE html>
<html>
<head>
<script>

function boom()
{
  document.documentElement.offsetHeight;

  var c = document.getElementById("c");
  var t1 = document.createTextNode("x x x x x x x x x x x x x x x x x x x x");
  var t2 = document.createTextNode("y y y y y y y y y y y y y y y y y y y y y");
  c.appendChild(t1);
  c.appendChild(t2);
  document.documentElement.offsetHeight;

  var div = document.createElementNS("http://www.w3.org/1999/xhtml", "div");
  c.insertBefore(div, t2);
  document.documentElement.offsetHeight;
}

</script>
</head>

<body onload="boom();" style="width: 5ch; font-family: monospace; margin: 0;">
<table><tbody><tr><td id="c"></td></tr></tbody></table>
</body>
</html>