相対配置要素内のテーブル行グループ要素のスタイルが外部にはみ出す

症状

相対配置した要素の子孫にtable要素があるとき、そのテーブルの行グループ要素（thead, tfoot, tbody）に指定した背景がテーブルの外部にはみ出して表示されることがある。

例示

<div style="position:relative; border:2px solid blue;">
<p>表</p>
<table border="2">
<thead style="background:aqua;">
<tr><td>head</td></tr>
</thead>
<tbody>
<tr><td>body</td></tr>
</tbody>
</table>
</div>

表

head
body

この領域が隠れるか隠れないかぐらいまでウィンドウをスクロールさせると発生します。

スクリーンショット

Ns7.1 Netscape7.1標準モード

WinIE6.0標準モード

補足

行グループ要素を相対配置することでこの不具合を回避できます。

<div style="position:relative; border:2px solid blue;">
<p>表</p>
<table border="2">
<thead style="background:aqua; position:relative;">
<tr><td>head</td></tr>
</thead>
<tbody>
<tr><td>body</td></tr>
</tbody>
</table>
</div>

表