<!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>