溢出div的表格在IE11

Question

我有一个比屏幕更高的嵌套表的问题 - 应该在高度上限制，出现滚动条，但是表格会增长到完整尺寸，最终会在屏幕底部被切断。

几乎完全相同的问题被描述为in this question，但没有答案。它适用于Chrome和IE，兼容性视图已打开，但在IE11和Firefox中执行此操作。

这是另一个问题的jsfiddle示例，它简单地复制了这个问题。 Chrome上的滚动条，IE上没有任何内容：https://jsfiddle.net/f473xudf/17/

我花了很长时间摆弄高度，运气不佳。想法，任何人？

<table style="border: 1px solid black; height:100px">
<tr>
<td >
   Caption
 </td>
  </tr>
  <tr>
<td>
  <div style="overflow-y: scroll; height:100%">
    <table>
      <tr>
          <td>
            Line1
          </td>
       </tr> 
      <tr>
           <td>
            Line2
          </td>
       </tr>   
      <tr>
          <td>
            Line3
          </td>
       </tr>   
      <tr>
          <td>
            Line4
          </td>
       </tr>        
    </table>      
  </div>
</td>
</tr>
</table>