containing-block-position-change.html   [plain text]

    <style type="text/css">
        #t { position: absolute; width: 100px; height: 100px; background: green; left: -120px; }
    <script type="text/javascript">
        function test()
            var container = document.getElementById("rel");
            var target = document.getElementById("t");
            document.body.offsetTop;   // force layout
   = "relative";
            document.body.offsetTop;   // force layout
   = "0";
<body onload="test()">
        This is a test for <i><a href=""></a>
        REGRESSION: [Incremental Repaint] DHTML movement test failures</i>.
        Do not resize the window. If you did, reload the test.
        There should be a green square below, aligned with the left margin of the page.
    <div id="rel" style="position: static;">
        <span id="t"></span>