<!DOCTYPE html>
<style>
.cell { display:table-cell; }
.button { height: 100%; font: 20px Ahem;}
</style>
<div class="cell">
<button type="button" class="button" id="button">Text</button>
</div>
<p> crbug.com/669687: Percent height border-box replaced content in a cell gets the correct height. </p>