IEではinner1の上端とouterの上端の間にマージンが空くのに対し、FireFoxではouterの上にマージンが空いてしまい、inner1とouterの上端が揃う形になってしまいます。inner1とinner2の間はどちらも20pxのマージンが空きます。 なぜこのようなことが起こるのかは、冒頭で述べたCSS2の仕様"8.3.1 Collapsing margins"に拠るようです。これによると、"Collapsing margins"とは、「空でないコンテンツ、ボーダー、パディングまたはclearで分けられていない、並列またはネストによって隣接した二つ以上のボックスのマージンは結合されて一つになる。」という仕様らしいです。 In this specification, the expression collapsing margins means that adjoining mar