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