<!DOCTYPE html>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
font: 10px Ahem;
}
#table
{
display: inline-table;
}
#row
{
display: table-row;
}
#cell
{
display: table-cell;
height: 50px;
width: 50px;
background-color:red;
}
</style>
<script src="../../resources/check-layout.js"></script>
<div id="table" data-total-y=8>
<div id="row">
<div id="cell"></div>
</div>
</div>
<div>crbug.com/513319: Empty cells with a computed height but no content use their bottom content edge as a baseline. </div>
<script>
checkLayout('#table')
</script>