展开内表以适应周围环境

Question

我在<td>标记内有一个表格。

如果周围的<td>更大，内表应该扩展它的高度。

jsfiddle示例适用于FF（黑色边框与绿色边框的高度相同），但不适用于IE7（黑色边框太小）。

不幸的是我需要嵌套表（不能使用浮点数）并且需要支持IE7。

http://jsfiddle.net/qJTgw/3/

<table>
    <tr>
        <td style="height: 100%; min-height: 100%">
            <table style="border: 2px solid black; height: 100%; min-height: 100%"><tr><td>foo</td></tr></table>
        </td>
        <td style="border: 2px solid green">BIG<br>BIG<br>BIG<br>BIG</td>
    </tr>
</table>

我尝试了一个jQuery解决方案，但是由于页面上有很多内部表，所以需要10秒才能更改高度。纯CSS解决方案会更好。

更新：边框有颜色显示我的意思。在我的真正问题中，有一个背景图像（虚线）应该与周围的td一样高。

Answer 1

也许可以将高度添加到table：

<table style="height: 100%; min-height: 100%">