<!DOCTYPE html>
<html>
<head>
<style>
::selection { background-color: red; }
pre {
font-size: 110%;
}
body {
font: 82% arial,sans-serif;
}
</style>
<script src="../../../resources/run-after-layout-and-paint.js" type="text/javascript"></script>
<script>
function repaintTest() {
window.getSelection().removeAllRanges();
}
</script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true)">
<table style="position: absolute; top: 1.5px;">
<tr>
<td>
<pre id="pre">There should be no selection artifacts below.
</pre>
</td>
</tr>
</table>
<script type="text/javascript">
var text = document.getElementById("pre").firstChild;
window.getSelection().setBaseAndExtent(text, 0, text, text.length);
document.body.offsetTop;
</script>
</body>