周囲にフィットするように内側テーブルを広げます​​

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