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