【CSSトラブル】　marginが無視される2

以前の記事 【CSSトラブル】　marginが無視される とはまた違う例です。

★HTML
＜div id="box1"＞
＜div id="box2"＞
＜/div＞
＜/div＞

★CSS
#box1{
　　　margin:40px;
}

#box2{
　　 margin:20px;
}

としたときに、



上のように表示されるはずが、



このように、 box2 の上下部分の margin が無視されてしまいます。

これも同じく margin を padding に変えるか、
できるのなら外側の box1 に、width か height を指定することで
解決することができます。