■MARGIN & PADDINGの正しい処方

[実験 1]マージンの相殺
もっとも頻発する有名なCSS2のトラブル例です。

内包されているBOXには周りに10PXのマージンが指定されているはずなのに
Firefoxなどのモダンブラウザ系では上部のマージンが確保されていません。
IE系では確保されています。
これが有名なマージンの相殺です。