让桌子在另一张桌子内伸展到边缘？

Question

尝试让两个表始终彼此相邻显示，但将它们压缩成一个大表并不理想。目前我的代码设置如下：

<table style="margin:0;padding:0;cellspacing:0;cellpadding:0">
  <tr>
    <td>     
      <table style="height:100%;width:100%;margin:0;padding:0;cellspacing:0;cellpadding:0">
        <caption>Table 1</caption>
....
      </table>
    </td>
    <td>
      <table style="height:100%;width:100%;margin:0;padding:0;cellspacing:0;cellpadding:0">
        <caption>Table 2</caption>
....
      </table>
    </td>
  </tr>
</table>

问题是，表格在各自的单元格中留下了空隙，而不是一直延伸到边界。这导致了这样的事情 您可以在表1（左侧）中看到顶部和底部仍有空间，表2工作正常。如何消除此空间并使表格延伸到单元格的边界？