tableのmargin部分の背景が消える

<div><table><tr><td>テーブルの中身</td></tr></table></div>

こんなのは良くやるところ。外側のdivに指定した背景が、tableの下に設定したmargin部分から消えてしまって焦ったことはないだろうか？

IEだと大丈夫なのだが、OperaとFirefoxだと消える。
そして仕方がないからpaddingにしようかーとすると、IEの古いバージョンでは余白が反映しなかったり。

何とかならないものかとググって解決策を見つけたので覚え書き。

display: inline-table;

これをtableに設定してやるとちゃんとmargin部分にも背景が出てきた。
めでたしめでたし。