wie sie jetzt ist, rückt sie im Firefox irgendwie nach unten (sie sollte keinen oberen Abstand haben), setze ich jetzt einen border 1px in das div.aussen (hab ich probiert, weil ich wissen wollte, wo der Abstand herkommt.) rutscht das div wieder nach oben, wo es hinsoll.
Wenn ich mir die Seite anschaue, hab ich den starken Verdacht das du die Seite zuerst im IE getestet hast... Jedenfalls sieht die Seite im Firefox überhaupt nicht gut aus.
Was die Sache mit border angeht: s. hier: http://de.selfhtml.org/css/formate/box_modell.htm
Außerdem fehlt deiner Seite der Doctype, was dazu führt, das der IE sich in den "ich-rate-mal-was-gemeint-ist"-Modus (auch Quirks-Modus oder Kompatiblitätsmodus genannt). Dadurch interpretiert der IE CSS nicht wirklich standardkonform.
Mehr zu Doctypes: http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp
Das übliche Rezept: Seite erstellen und im Firefox testen. Wenn die Seite fertig ist, im IE6 und IE7 anschauen und schreien ;-)
Wobei: Wenn man nicht jedes Element auf einer exakten Position festtackert, sondern mit float etc. arbeitet, sich damit abfindet, das die Elemente nicht im jedem Browser auf pixelgenauen gleichen Position sind, kommt man mit einem relativ kleinem zusätzlichen Stylesheet für den IE aus.
Wie man ein zusätzliches Stylesheet mit speziellen Angaben für den IE einbaut steht hier: http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative
Für den Firefox ist die Web Developer Bar sehr hilfreich:
http://chrispederick.com/work/web-developer/
Ich hoffe ich konnte etwas Licht ins Dunkel bringen.
Gruß
Stareagle