<html>
<head>
<script>
function test()
{
    document.body.offsetTop;    // force layout
    document.getElementById('change').style.position = "";
}
</script>
</head>
<body onload="test();">
<p>
    This tests for a regression against
    <i><a href="https://bugs.webkit.org/show_bug.cgi?id=7095">http://bugzilla.opendarwin.org/show_bug.cgi?id=7095</a>
    Removing positioning from an element does not relayout properly</i>.
</p>
<p>
    The green square should be to the left of the yellow square.
</p>
<hr>
<div style="background: yellow; position: relative; width: 200; height: 100;">
<div id="change" style="background: green; position: absolute; top: 0; left: 100; width: 100; height: 100">
</div>
</div>
</body>
