<table style="width:100px; height: 100px; border: 1px solid;" cellspacing=0 cellpadding=0>
  <tr> 
    <td style="padding:10px 5px"><img id='cell-contents' style="width: 100%; height: 100%; border:5px solid blue"></td>
  </tr>
</table>
<script src="../../resources/js-test.js"></script>
<script>
shouldBe("document.getElementById('cell-contents').offsetHeight", "78");
// FIXME: We currently get 98 for this value. It appears we don't take left/right padding
// into account for the widths of the contents of table cells.
// We do still offset the contents by the padding, so they end up overflowing the table cell.
// Firefox 12 has the same crazy behavior. Is this a bug or are tables just crazy?
shouldBe("document.getElementById('cell-contents').offsetWidth", "88");
</script>