扩展内部工作台以适合周围环境<td>

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%">