1<html> 2<head> 3<style type="text/css"> 4 #square { width: 100px; height: 100px; } 5 .red { background: red; } 6 .green { background: green; } 7</style> 8<script type="text/javascript"> 9 function test() 10 { 11 var linkStr = '<link rel="stylesheet" type="text/css" href="resources/doesnotneedtoexist">'; 12 var target = document.getElementById('t'); 13 target.innerHTML = linkStr; 14 target.innerHTML = ''; 15 var square = document.getElementById('square'); 16 square.className = 'green'; 17 } 18</script> 19</head> 20<body onload="test()"> 21 <p> 22 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> 23 REGRESSION: Very odd roll-over issues (content disappearing)</i>. 24 </p> 25 <p> 26 There should be a green square below. 27 </p> 28 <hr> 29 <div id="t"></div> 30 <div id="square" class="red"></div> 31</body> 32</html> 33