Hey,
dein Beispiel ist ja grauenhaft. Ein minimaler Testcase sieht vor, dass der Fehler verschwindet, wenn noch mehr entfernt wird. http://www.mozilla.org/newlayout/bugathon.html#testcase Bei dir ließ sich aber noch allerhand Unnötiges entfernen. Wenn die Übersicht erst einmal hergestellt ist, ist sonnenklar, wo das Übel liegt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<style type="text/css">
[code lang=css]body {padding: 5px;} /* ! */
#box1 {
float: left;
margin-top: 1em;
}
#box2 {
margin-top: 1em;
}
/* div {border: 1px solid pink;} Debugborders */
</style>
</head>
<body>
<div id="box1">sdfa afasf adf</div>
<div id="box2">sdfa afasf adf</div>
</body>
</html>[/code]
Richte deine Aufmerksamkeit auf die mit dem Ausrufezeichen vermerkte Regel. Die 5 Pixel Unterschied in der Anzeige kommen von daher.
--
水-金-地-火-木-土-天-海-冥
水-金-地-火-木-土-天-海-冥