<!DOCTYPE HTML>
<html>
<head>
    <script>
        function test()
        {
            document.body.offsetTop;
            document.getElementById("inner").style.height = "100px";
        }
    </script>
</head>
<body onload="test()">
    <div style="height: 200px;">
        <div style="height: auto;">
            <div style="width: 100px; height: 1%; overflow: hidden; background-color: white;">
                <div id="inner" style="height: 0;"></div>
            </div>
        </div>
        <div style="width: 100px; height: 100px; background-color: green;"></div>
    </div>
</body>
</html>