<!DOCTYPE html>
<html>
  <head>
    <title>auto-height multicol</title>
    <script src="../../../resources/js-test-pre.js"></script>
    <script>
      if (window.testRunner)
        testRunner.dumpAsText();
    </script>
  </head>
  <body>
    <p>There should be two identical boxes below.</p>
    <div id="mc" style="-webkit-columns:3; columns:3; orphans:1; widows:1; color:olive; background:olive;">
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div>line</div>
      <div style="font-size:1.3em;">line</div>
    </div>
    <div id="ref" style="margin-top:1em; color:olive; background:olive;">
      <div style="font-size:1.3em;">line</div>
      <div>line</div>
      <div>line</div>
    </div>
    <script>
      shouldBe("mc.offsetHeight", "ref.offsetHeight");
    </script>
    <script src="../../../resources/js-test-post.js"></script>
  </body>
</html>