<html>
<head>
    <script>
    function print(message)
    {
        var paragraph = document.createElement("p");
        paragraph.appendChild(document.createTextNode(message));
        document.getElementById("console").appendChild(paragraph);
    }
    function test()
    {
        if (window.testRunner)
            testRunner.dumpAsText();
    
        var statik = document.getElementById('static');
        var relative = document.getElementById('relative');
        var firstFixed = document.getElementById('fixed1');
        var secondFixed = document.getElementById('fixed2');
        var body = document.body;
        print("First Fixed offsetParent (null): "+firstFixed.offsetParent);
        print("First Fixed offsetTop (10): "+firstFixed.offsetTop);
        print("First Fixed offsetLeft (20): "+firstFixed.offsetLeft);
        print("Second Fixed offsetParent (null): "+secondFixed.offsetParent);
        print("Second Fixed offsetTop (15): "+secondFixed.offsetTop);
        print("Second Fixed offsetLeft (30): "+secondFixed.offsetLeft);
        print("Body offsetParent (null): "+body.offsetParent);
        print("Body offsetTop (0): "+body.offsetTop);
        print("Body offsetLeft (0): "+body.offsetLeft);
        print("Static offsetParent ([object HTMLBodyElement]): "+statik.offsetParent);
        print("Static offsetTop (15): "+statik.offsetTop);
        print("Static offsetLeft (15): "+statik.offsetLeft);
        print("Relative offsetParent ([object HTMLBodyElement]): "+relative.offsetParent);
        print("Relative offsetTop (13): "+relative.offsetTop);
        print("Relative offsetLeft (19): "+relative.offsetLeft);
    }
    </script>
</head>
<body onload="test()" style="margin:10px;border:5px solid white">
    <div id="static" style="border:1px solid green"></div>
    <div id="relative" style="position:relative;top:-4px;left:4px;border:1px solid blue"></div>
    <div id="fixed1" style="position:fixed;top:10px;left:20px;border:1px solid red"></div>
    <div id="absolute" style="position:absolute"><div id="fixed2" style="position:fixed;top:15px;left:30px"></div></div>
    <p>This test checks if <code>offsetParent</code> is always <code>null</code> when accessed from the HTML <code>&lt;body&gt;</code> and from elements with CSS property <code>position:fixed</code>. To ensure values match layout, this test also checks <code>offsetTop</code> and <code>offsetLeft</code>.</p>
    <p>In addition to the HTML <code>&lt;body&gt;</code>, two elements with CSS property <code>position:fixed</code> are tested: One within the body, and one within an element with CSS property <code>position:absolute</code>.</p>
    <p>Finally, a static- and relative-positioned element are tested for sanity and spec adherence.</p>
    <p>Expected values are parenthesized. Test has passed if all values match.</p>
    <hr>
    <div id="console"></div>
</body>
</html>