<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse:collapse;
width: 100px;
}
td {
background-color: red;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
</style>
<script src="../../../resources/check-layout.js"></script>
<script>
window.onload = function()
{
document.body.offsetLeft;
document.getElementById("row1").style.borderTop = "50px solid green";
document.getElementById("row2").style.borderBottom = "50px solid green";
checkLayout("#container");
}
</script>
</head>
<body>
<p>This test passes if no red is showing.</p>
<div id="container">
<table data-expected-height="50">
<tr id="row1" data-expected-height="25">
<td data-expected-height="25"></td>
</tr>
</table>
<table data-expected-height="50">
<tr id="row2" data-expected-height="25">
<td data-expected-height="25"></td>
</tr>
</table>
</div>
</body>
</html>