<!DOCTYPE HTML>
<style>
#test {
background-color: green;
padding: 0px;
margin: 0px;
width: 50px;
}
.full {
height: 100%;
width: 100%;
}
.fixed {
height: 50px;
}
</style>
<p>crbug.com/637811: There should be a green box below.</p>
<table style="width: 50px;">
<tr>
<td class="fixed">
<table id="test" class="full" data-expected-height=50 data-expected-width=50></table>
</td>
</tr>
</table>
<p>crbug.com/637811: There should be a green box below.</p>
<table style="width: 50px;">
<tr>
<td class="fixed">
<div id="test" class="full" data-expected-height=50 data-expected-width=50></div>
</td>
</tr>
</table>
<script src="../../resources/check-layout.js"></script>
<script>
checkLayout("#test");
</script>