<html>
<head>
<style type="text/css">
    #square { width: 100px; height: 100px; }
    .red { background: red; }
    .green { background: green; }
</style>
<script type="text/javascript">
    function test()
    {
        var linkStr = '<link rel="stylesheet" type="text/css" href="resources/doesnotneedtoexist">';
        var target = document.getElementById('t');
        target.innerHTML = linkStr;
        target.innerHTML = '';
        var square = document.getElementById('square');
        square.className = 'green';
    }
</script>
</head>
<body onload="test()">
    <p>
        This is a test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9252">http://bugzilla.opendarwin.org/show_bug.cgi?id=9252</a>
        REGRESSION: Very odd roll-over issues (content disappearing)</i>.
    </p>
    <p>
        There should be a green square below.
    </p>
    <hr>
    <div id="t"></div>
    <div id="square" class="red"></div>
</body>
</html>