Die Eigenschaft heißt margin-bott[COLOR="Red"]o[/COLOR]m! (Online stets noch korrekt drin)
Versuch mal ein wenig mit den margin-Eigenschaft der Container .post und .navigation zu spielen. Vielleicht hilft auch ein padding für den .navigation-Container.
<br> (HTML) hat mit margin (CSS) überhaupt nichts zu tun. margin ist der Außenabstand eines Elements, <br> ist ein erzwungener Zeilenumbruch in einem Fließtext. Der IE hat mit margin keine Probleme - aber eventuell berechnet er bei gefloateten Elementen die margins falsch. Da hilft nur ausprobieren.