mac＆winのsafari4.03にてtableタグのmarginの挙動がおかしい件

質問

htmlとcssは下記です。
tableタグを括っているdivにmarginが適用されていないにも関わらず、
tableの上下の要素にはmarginが適用されています。
どなたか理由がわかる方はいらっしゃるでしょうか。
よろしくお願いいたします。

firefoxだと思ったとおりに動いてくれるのですが。。
-----------------------------
<style>
#wrap { background:#F36;}
.inner { background:#6CC;}
.foot { background:#36F;}

table {
border-spacing:0;
border-collapse:collapse;
margin:10px;
}
td { border:1px #000 solid;}
</style>
<div id="wrap">
<div class="foot">あああ</div>
<div class="inner">
<table>
<tr><td>ほげ</td></tr>
</table>
<!-- ///.inner --></div>
<div class="foot">あああ</div>
<!-- ///#wrap --></div>
-----------------------------

回答No.1

Sylar · ベストアンサー

検証した結果
safariがそうなら・・・予想通りchromeでも同じ症状を確認。

対策
border入れる
paddingを入れる

この症状は以前に見たことが・・・。
おそらく「margin の相殺」でしょうね。