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