<!DOCTYPE html>
<style>
table {
  height: 100px;
}
img {
  height: 100%;
}
</style>
<table class="test" data-expected-height=100 data-expected-width=82>
    <tr>
        <td class="test" data-expected-height=96 data-expected-width=78><img class="test" data-expected-height=94 data-expected-width=94 id="img"></td>
    </tr>
</table>
<script src="../../resources/check-layout.js"></script>
<p> crbug.com/637811: Percent height replaced content in a cell should not flex the height or width of the cell. </p>
<div id="output"></div>
<script>
document.body.offsetTop;
img.addEventListener("load", onImageLoaded, false);
img.src = "../../images/resources/border-image-srgb-color-profile.png";
function onImageLoaded()
{
  checkLayout('.test', output);
}
</script>