<html>
<head>
<script>
    function test() {
        document.body.offsetTop;    // force layout
        document.getElementById('i').style.height = '100px';
        document.getElementById('j').style.height = '100px';
    }
</script>
<head>
<body onload="test()">
<p>
    This tests for a regression against
    <i><a href="https://bugs.webkit.org/show_bug.cgi?id=5813">http://bugzilla.opendarwin.org/show_bug.cgi?id=5813</a>
    positioned blocks don't update when resizing the window vertically</i>.
</p>
<p>
    The two squares below should be solid green.
</p>
<hr>
<iframe id="i" style="width: 100px; height: 50px;" src="resources/window-height-change-frame.html"></iframe>
<iframe id="j" style="width: 100px; height: 50px;" src="resources/window-height-change-frame-flex.html"></iframe>
</body>
</html>
