<head>
<title>This is a test for regression against https://bugs.webkit.org/show_bug.cgi?id=40142</title>
<style>
#target {
    width: 600px;
    height: 100px;
    text-align: center;
    border: 1px solid #ddd;
}
</style>
</head>

<body style="margin: 0;" onload="runRepaintTest()">
    <script>
        function repaintTest()
        {
            document.getElementById("target").innerHTML +=
                '<span style="float: right;">the quick brown fox jumped over the lazy dog</span>';

            document.getElementById("target").innerHTML +=
                '<span style="position: absolute;">the quick brown fox jumped over the lazy dog</span>';
        }
    </script>

    <script src="resources/repaint.js"></script>

    <p>This is a test for regression against <a href="https://bugs.webkit.org/show_bug.cgi?id=40142">https://bugs.webkit.org/show_bug.cgi?id=40142</a></p>

    <div>
        <div id="target"></div>
    </div>
</body>