collapseボーダーをvisibilityで非表示にできない

症状

collapseボーダー（border-collapse:collapse;）を用いたテーブルをvisibilityプロパティを用いて非表示にさせるとき、テーブル内部のボーダーが非表示にならない。

例示

<style type="text/css">
table#test {
  border-collapse: collapse;
  visibility: hidden;
}
table#test, table#test td {
  border: 2px solid red;
}
table#test td {
  width: 4em;
  height: 2em;
}
</style>

<table id="test">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

visibilityプロパティの指定により、テーブルは表示されないはずです。

スクリーンショット

補足

display:none; でテーブルのボックス自体を消す場合にこの不具合は発生しません。

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

スポンサーリンク