Wie kann ich dieses Layout mit DIVs umsetzen?

[Wedgy]

Hallo!

Ich möchte ein klassisches Layout mit Menübalken links, Titelbalken oben mit DIVs realisieren - Vor ewigen Zeiten hab ich das mit Frames gelöst, das ist aber wohl nicht mehr zeitgemäß:

1.)                                     2.)
+-------------------------+             +----+--------------------+
|   DIV1                  |             |DIV1|   DIV2             |
+----+--------------------+             |    +--------------------+
|    |                    |             |    |                    |
|    |                    |             |    |                    |
|DIV2|       DIV3         |             |    |   DIV3             |
|    |                    |             |    |                    |
|    |                    |             |    |                    |
+----+--------------------+             +----+--------------------+

Der Menübalken links soll _mindestens_ so hoch sein wie das Browserfenster, der Titelbalken soll auch die ganze Breite ausfüllen. Da ergibt sich jetzt folgende Schwierigkeit:

Wenn ich im ersten Beispiel für DIV2 height='100%' angebe, dann ist die ganze Ausgabe sicher länger als das Browserfenster, weil Höhe von DIV1 + Höhe des Browserfensters (100%).

Im zweiten Beispiel habe ich das gleiche Problem mit der Breite.

Ich bräuchte also eine Höhenangabe wie "100% - 100px". Irgendeine Idee, wie ich das umsetzen kann? Vorzugsweise so, daß es auch schwachsinnige Browser wie IE verstehen?