| <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-pre.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> |