我正在尝试支持在 IE 中打印我的 UI，但遇到了问题（Chrome 很好）。
这是 HTML 的样子：
tr {
height: 120px;
}
td div {
height: 18px;
width: 225px;
background-color: green;
position: absolute;
}
HTML
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td>Row1
<div></div>
</td>
</tr>
<tr>
<td>Row2
<div></div>
</td>
</tr>
<tr>
<td>Row3
<div></div>
</td>
</tr>
<tr>
<td>Row4
<div></div>
</td>
</tr>
<tr>
<td>Row5
<div></div>
</td>
</tr>
<tr>
<td>Row6
<div></div>
</td>
</tr>
<tr>
<td>Row7
<div></div>
</td>
</tr>
<tr>
<td>Row8
<div></div>
</td>
</tr>
<tr>
<td>Row9
<div></div>
</td>
</tr>
<tr>
<td>Row10
<div></div>
</td>
</tr>
<tr>
<td>Row11
<div></div>
</td>
</tr>
<tr>
<td>Row12
<div></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
以上内容也在 JSFiddle 中：
http://jsfiddle.net/52Qn7/2/show
打印时，打印 2 页很好，但是在“td”中放置绿色的 div 没有在第二页打印，而是在 IE 中将其推到第 3 页，这显然是不正确的！
下面是在 IE 中打印出来的截图：
以下是通过 Chrome 打印的打印输出方式：
你能告诉我可能出了什么问题吗？
编辑：
我在一个表行中有两个表。另一张表打印正常。当我删除位置时，一切都会很好地打印出来：具有绿色的“div”的绝对值。但是，当我删除那种风格时，我的逻辑就会被打破。