bottomのmarginが親ボックスの背景をキャンセルしてしまう現象
IE8、gecko(Firefox)、webkit(safari,chrome)では下記ボックスが離れてしまう
ボックスA
Aの子ボックス
Aの子ボックス
Aの子ボックス
ボックスB
Bの子ボックス
親ボックスのpaddingにダミー値を入れて解決
ボックスA
Aの子ボックス
Aの子ボックス
Aの子ボックス
ボックスB
Bの子ボックス
Opera以外のモダンブラウザがそうなると言うことは、 ひょっとすると標準的な仕様か。