<html>
<head>
    <title></title>
</head>
<body>
    <p>
        This is a pixel test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=4334">http://bugzilla.opendarwin.org/show_bug.cgi?id=4334</a>
        REGRESSION: Flickering when css-hover should change opacity on floating elements</i>.
    </p>
    <p>
        There should be a solid green square below.
    </p>
    <hr>
    <div id="t" style="opacity: 0.5; float: left; width: 100px; height: 100px; background: green;"></div>
    <script type="text/javascript">
        document.body.offsetTop;    // force layout
        document.getElementById("t").style.opacity = "1";
    </script>
</body>
</html>
