<!DOCTYPE html>
<style>
td {
    width: 50px;
    height: 50px;
    padding: 0px;
}
#div {
    height: 100%;
}
</style>
<table style="border-collapse:collapse" id="table" data-expected-height=86 data-expected-width=86>
    <tr style="border:18px solid lightblue" id="row">
        <td><div id="div" style="background:black" data-expected-height=50 data-expected-width=50></div></td>
    </tr>
</table>
<script src="../../resources/check-layout.js"></script>
<p> crbug.com/627305: Percent height content in a content-box sized cell with a computed height should use the height of the cell. </p>
<div id="output"></div>
<script>
checkLayout('#table', output);
</script>