<head>
    <title>Repaint test for bug 16034</title>
    <script src="resources/repaint.js" type="text/javascript"></script>
    <script>
        function repaintTest()
        {
            var input = document.getElementById("input");
            input.value = "PASS";
            var div = document.getElementById("div");
            div.style.height = "20px";
        }
    </script>
</head>
<body onload="runRepaintTest()">
    <div style="overflow: hidden; height: 300px; width: 300px; background-color: aliceblue; position: relative;">
        <div style="overflow: hidden; height: 200px; width: 200px; background-color: silver;">
            <input id="input" value="FAIL">
            <div id="selection">Selection is here</div>
            <div id="div" style="position: absolute; bottom: 0; height: 10px; width: 10px; background-color: lightblue;"></div>
        </div>
    </div>
    <script>
        var selection = document.getElementById("selection");
        getSelection().setBaseAndExtent(selection, 0, selection, 0);
    </script>
</body>
