<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        function test()
        {
            var span = document.getElementById('span');
            window.getSelection().setBaseAndExtent(span, 0, span, 1);
            var image = document.getElementById('image');
            image.style.height = "30px";
        }
    </script>
</head>
<body onload="test()">
<p>
    This is a regression test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8835">http://bugzilla.opendarwin.org/show_bug.cgi?id=8835</a>
    REGRESSION: Line moves but selection highlight stays behind</i>.
</p>
<hr>
<div>
<img style="height: 2px;" id="image"><br>
<br>
<span id="span">The highlight should be on this line, not above it.</span>
<br>
</div>
</body>
</html>