<!DOCTYPE html>
<style>
body {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
body > div {
    position: absolute;
    left: 400px; top: 10px; opacity: 1;
}
div > div {
    position: relative;
    display: inline-block;
    left: 20px;
    top: 20px;
    width: 300px;
    background-color: papayawhip;
}
</style>
<body onload="runRepaintAndPixelTest();">
<div id="container">
    <div>
        There should only be one copy of this text.
    </div>
</div>

<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
    var container = document.getElementById('container');
    container.style.left = '0px';
};
</script>