Liquid- Design mit 4 div Containern

[LastBoyScout]

Hallo,

Ich möchte ein Design mit 4 Bereichen (jeweils 2 div nebeneinander) erstellen, wobei nur der 1. Container eine feste breite und höhe hat und die anderen den restlichen Platz des Browserfensters mit einem Außenabstand zu 100% ausfüllen sollen:

111 222222222222222222222
111 222222222222222222222

333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444
333 444444444444444444444

Leider bekomme ich das mit den Prozentualen angaben und den Beziehungen der Elemente mit position:absolut; und position:relative; irgendwie nicht richtig gebacken.

Entweder die Elemente schießen um den Versatz der Startposition auf der anderen Seite über das Ziel hinaus, oder sie füllen den Bereich nicht vollständig aus.

Wie muss ich das anstellen um die Anzeige mit allen Browsern zu ermöglichen?

Hab schon 2 Stunden lang alle erdenklichen Varianten Ausprobiert aber finde die richtige Kombination aus Verschachtelung und Einstellungen leider nicht.

Schon mal Dank für eure Hilfe,
Gruß
LBS