Abstand unterschiedlich bei Firefox / IE

[Grübler]

Hallo,

meine XHTML-Strict-Seite mit reinem CSS-Layout sieht ungefähr so aus:

<div>Kopf</div>
 <div id="hauptbereich">
  <div>Navigation</div><div>Inhalt</div> [mit float]
 </div>
<div>Fuss</div> [clear:both]

wobei der Fuß in einem bestimmten Abstand auf den Hauptbereich folgen soll (20px). Das geht aber nicht, zumindest mit Firefox. Der klebt den Fuß (mit einer Hintergrundgrafik) immer direkt unter den Hauptbereich, es sei denn ich gebe einen sehr hohen "margin-top"-Wert an, scheinbar bezieht er den Abstand auf den Kopf oder so. Da die Höhe des Inhaltsbereich variiert, ist das nicht praktikabel. Der Internet Explorer bezieht den angegebenen Abstand korrekt - oder besser: meinen Wünschen entsprechend - auf das Ende des Hauptbereichs.

Ist das ein Bug in Firefox, oder mache ich was falsch?

Gruß, Grübler