<html>
<head>
    <style type="text/css">
        #f {
            float: left;
            height: 100px;
            width: 100px;
            background: skyblue;
        }
    </style>
</head>
<body onload="document.body.offsetTop; document.getElementById('t').style.height = '120px'">
    <p>
        Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6795">http://bugzilla.opendarwin.org/show_bug.cgi?id=6795</a>
        Slow image load causes render problem</i>.
    </p>
    <p>
        There should be only one blue square below:
    </p>
    <div>
        <div id="f"></div>
        <div id="t" style="width: 50px; display: inline-block;"></div>
        <div style="height: 20px;"></div>
        </div>
    </div>
</body>
</html>