<style>
td {
  padding: 0px;
  vertical-align: baseline;
}

div {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: green;
}

#zero {
  height: 0px;
}
</style>
<table>
<tr>
  <td><div></div></td>
  <td><div id=zero></div></td>
</tr>
</table>
<pre id=result></pre>
<script>
document.body.offsetHeight;
if (window.testRunner)
  testRunner.dumpAsText();
result.innerText = "The zero height inline level box is supposed to be aligned with the bottom of the green box (20px).\nInline level box logical top: " + zero.offsetTop + "px";
</script>