<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <script src="resources/repaint.js" type="text/javascript"></script>
    <script type="text/javascript">
       function repaintTest()
       {
           var target = document.getElementById('t');
           target.style.outline = 'none';
           target.style.fontSize = '20px';  // make it a layout change rather than a repaint
       }
    </script>
</head>
<body onload="runRepaintTest();">
    <p>
        This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9388">http://bugzilla.opendarwin.org/show_bug.cgi?id=9388</a>
        REGRESSION: outlines don't get erased when removed in some cases</i>.
    </p>
    <p>
        There should be a green square and no trace of red.
    </p>
    <hr>
    <div id="t" style="background: green; font-size: 10px; outline: red dashed 4px; width: 100px; height: 100px;"></div>
</body>