bottomのmarginが親ボックスの背景をキャンセルしてしまう現象

IE8、gecko(Firefox)、webkit(safari,chrome)では下記ボックスが離れてしまう

ボックスA

Aの子ボックス

Aの子ボックス

Aの子ボックス

ボックスB

Bの子ボックス


親ボックスのpaddingにダミー値を入れて解決

ボックスA

Aの子ボックス

Aの子ボックス

Aの子ボックス

ボックスB

Bの子ボックス

Opera以外のモダンブラウザがそうなると言うことは、 ひょっとすると標準的な仕様か。