<TBODY> elements are getting overflow when presumably they shouldn't. For example:

<table>
  <tbody>
    <tr>
      <td>Cell 1</td>
    </tr>
  </tbody>
</table>

This produces the following overflow on <TBODY>:

Box<TBODY>: RECT: 8, 8, [38.6875x16]
Box<TBODY>: CHILD Box<TR> RECT: 10, 10, [38.6875x16]
Box<TBODY>: SCROLLABLE OVERFLOW: 8, 8, [40.6875x18]

As you can see, there are two potential issues which are causing the <TBODY> to get overflow:

1. The child <TR> has an offset of 2, 2 into the <TBODY>
2. The <TBODY> isn't growing tall and wide enough to contain the <TR>

I'm not sure which of these root cause is - whether <TR> should have no offset, or whether the table should be growing to contain its children (or maybe both are issues?).

On chrome, the <TR> elements don't have an offset - they overlap with <TBODY>.