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