<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>