Catdreams: DIV geht über Tabelle hinaus

Beitrag lesen

nein, ich denke da nicht mehr in tabellen! im prinzip würde man einen "hauptdiv" nehmen, den ein hintergrundbild geben, das beide navis und den mittelbereich gleich optisch trennt und dann die DIVS für die Menüs und für den Mainbereich machen!  Soweit ist das ja alles ok, habe trotzdem ein wesendliches Problem, das ich mit der Lösung nicht bereinigen kann, da sich bei mir der Mainbereich je mach Theme sehr verändert und so ... Naja, das ist hier jetzt aber auch nicht mein Problem, bei dem ich um Hilfe bitte!

Also: Im Mainbereich kommen ja Themen rein, pro Seite verschiedene Texte, in jeweils einer eigenen Box. Daher habe ich ja am Ende mehrere Boxen untereinander. Momentan will aber der Abstand oben und unten nicht funktionieren!

.box3 { width:auto; background-color:#FF0000; margin:3% 2%}
.box4 { width:auto; background-color:#00FF00; margin:3% 2%}

<div class="box3">Beispieltext 1</div>
<div class="box4">Beispieltext 2</div>

Die beiden Boxen hängen jetzt direkt aneinander, anstatt einen Abstand zu haben! Außer im FireFox, da ist ein Abstand zwischen!