Schriftgröße verschiebt div

[Sabine]

Hallo!

Vorinformation:
Mein Grundlegendes Layout besteht aus div-Blöcken (die Breiten sind in "em" angegeben - die ganze Seite "div#seite" ist 60em breit) und ich definiere in jedem Block eine andere Schriftgröße in "em".

Nun habe ich folgendes Phänomen:
Im div-Block "inhalt" habe ich Schriftgröße 1em eingestellt. Stelle ich um auf 1.1em, so wird der div-Block riesig und alles, was vorher links daneben stand (also das Menü) verschiebt sich nach unten.

Hier der essentielle Quellcode:

  
div#inhalt{  
 float:right;  
 width:49em;  
 margin-top: 1.5em;  
 font-size: 1em;  
 color: #800000;  
}  
div#navi{  
 float:left;  
 width:10em;  
 margin-top: 1.5em;  
 border: 2px solid yellow;  
}  

Leider blieb meine Suche nach dem Fehler bisher erfolglos oder ich sehe vor lauter Wald die Bäume nicht mehr. Wo liegt der Fehler oder habe ich einen grundlegenen logischen Fehler im Aufbau?

lg

Sabine