1<html>
2<head>
3    <title></title>
4    <style type="text/css">
5        #t { position: absolute; width: 100px; height: 100px; background: green; left: -120px; }
6    </style>
7    <script type="text/javascript">
8        function test()
9        {
10            var container = document.getElementById("rel");
11            var target = document.getElementById("t");
12            document.body.offsetTop;   // force layout
13            container.style.position = "relative";
14            document.body.offsetTop;   // force layout
15            target.style.left = "0";
16        }
17    </script>
18</head>
19<body onload="test()">
20    <p>
21        This is a test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=9121">http://bugs.webkit.org/show_bug.cgi?id=9121</a>
22        REGRESSION: [Incremental Repaint] DHTML movement test failures</i>.
23    </p>
24    <p>
25        Do not resize the window. If you did, reload the test.
26    </p>
27    <p>
28        There should be a green square below, aligned with the left margin of the page.
29    </p>
30    <hr>
31    <div id="rel" style="position: static;">
32        <span id="t"></span>
33    </div>
34</body>
35</html>
36