blob: dec7478a1782351b895f432da88ea6450f195997 [file] [log] [blame]
<!DOCTYPE html>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
</script>
<p>The following two green rectangles should be identical:</p>
<table>
<tr>
<td style="height:100px">
<div style="height:100%; background-color:green; border:3px solid black">This text should have a green background.</div>
</td>
</tr>
</table>
<table>
<tr>
<td style="height:100px" id="parent"></td>
</tr>
</table>
<script type="text/javascript">
window.setTimeout(function() {
var child = document.createElement("div");
child.style.height = '100%';
child.style.backgroundColor = 'green';
child.style.border="3px solid black";
child.innerHTML = "This text should have a green background.";
document.getElementById("parent").appendChild(child);
if (window.testRunner)
testRunner.notifyDone();
}, 1);
</script>