<html>
<head>
    <script src="repaint.js" type="text/javascript"></script>
    <script type="text/javascript">
        function repaintTest()
        {
            var div = document.getElementById("target");
            div.style.width = '100px';
        }
    </script>
</head>
<body onload="runRepaintTest()">
    This should be a 100&times;100px green square with a black border:
    <div style="height: 100px; -webkit-border-fit: lines; background: green; border: 2px solid black;">
        <div id="target" style="display: inline-block; width: 10px; height: 10px;"></div>
    </div>
</body>
</html>