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