Ratlos: Numerische Masseinheiten unterschiedlich interpretiert?

Beitrag lesen

Wenn ich die numerische Masseinheit in margin fuer den unteren Rand in folgenden CSS-Deklaration aendere, erhalte ich sehr unterschiedliche Wiedergaben im Browser.

/* die Angaben border:1px solid; sind nur zur Veranschaulichung */
#TwoColumnsLeft {float:left;}
#TwoColumnsRight {float:left;}
#CSCompany {margin:0 0 1px 0;border:1px solid;}
#CSMoney {margin:0 0 1px 0;text-align:right;border:1px solid;}
#CSNumber {font-weight:normal;font-size:.95em;border:1px solid;}

<div id="TwoColumnsLeft" style="width:74.5%"><p id="CSCompany">ThisComp</p></div>
<div id="TwoColumnsRight" style="width:25%"><p id="CSDate">2007</p></div>
<p><span id="CSMoney">$4500</span> <span class="CSNumber">18-54/2006</span> | <span id="CSMoney">$99800</span> <span class="CSNumber">1-57/2007</span></p>

Wenn ich nun wie unter http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische angegeben, die numerische Masseinheit von bspw. 1px zu 1em aendere, erhalte ich ein vollkommen anderes Bild: Der Teil innerhalb von "<div id="TwoColumnsRight" style="width:25%"><p id="CSDate">2007</p></div>" ist nun andereswo positioniert. Ich dachte, dass die Masseinheit darauf keinen Einfluss haette.

Oder doch? Warum ist das so? Und wie sieht die Positionierung Masseinheiten aus?