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