<td>
タグ内にテーブルがあります。
<td>
周囲が大きい場合は、内側のテーブルの高さを拡張する必要があります。
jsfiddle の例は FF では機能しますが (黒の境界線は緑の境界線と同じ高さです)、IE7 では機能しません (黒の境界線が小さすぎます)。
残念ながら、ネストされたテーブル (フロートは使用できません) が必要で、IE7 をサポートする必要があります。
<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 と同じ高さの背景画像 (点線) があります。