<!DOCTYPE html>
<style>
table {
  height: 100px;
}
#content {
  height: 100%;
  width: 100%;
  overflow: scroll;
}
</style>
<table class="test" data-expected-height=100>
    <tr>
        <td class="test" data-expected-height=96><div id="content" class="test" data-expected-height=94><img src="../../images/resources/green-256x256.jpg"></div></td>
    </tr>
</table>
<script src="../../resources/check-layout.js"></script>
<p> crbug.com/637811: Percent height overflow scroll content in a cell should not flex the height of the cell. </p>
<div id="output"></div>
<script>
checkLayout('.test', output);
</script>