<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
    if (window.internals)
        onload = runRepaintAndPixelTest;
    else
        onclick = repaintTest;
    function repaintTest() {
        var target = document.getElementById('target');
        target.style.visibility = 'visible';
    }
</script>
<div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width:630px; height:40px; font:20px/1 ahem; color:green;">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div id="target" style="position:relative; left:20px; top:20px; height:20px; visibility:hidden; background:green;"></div>
</div>
<p>A green rectangle should be seen above (if tested manually, you need to click first).</p>