margin-top wirkt sich auf Elternelement aus

[Christian]

Folgendes Markup:

<div id="#container">
  <div id="#header"></div>
</div>

Mit diesem CSS:
#container { background-color:#fee; width:60em; }
#top { height:10em; background-color:#efe; margin:1em; }

in einem XHTML-Transitional Dokument bewirkt, dass im #container zwar links und rechts 1em Abstand bleibt, oben und unten allerdings wird der Abstand außerhalb von #container berechnet, nicht relativ dazu.

Anzusehen unter:
http://root.kno.at/files/divmargin.html

Meine Frage ist: Warum? Es sollte doch eigentlich der Abstand immer zum Elternelement gemessen werden.