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