Placering av lager med CSS?

Hej
Jag sitter å ska göra en sida med tre lager som ska vara placerade enlig följande

+---------+
|         |
+---+-----+
|   |     |
|   |     |
|   |     | 
|   |     |
+---+-----+

Jag har i nu läget placerat alla dessa lager i ett huvudlager.
Vilket är det enklaste sättet att positionera dessa lager relativt till varandra så att de två nedre lagren ligger under huvudet, och det högra ligger till höger om menyn.

Jag har ännu ett problem då jag har en css meny i det vänstra lagret.
Det som ställer till det är att olika webbläsare verkar reagera olika på "width" inställningen. Mozilla verkar plussa på alla margins och paddings som man har medan IE inte gör det ???
Detta resultear i att jag får det svårt att göra en snygg sida för båda webbläsarna.

Bifogar länk till sidan och CSS dokumentet så ser ni lite bättre hur jag menar:
Sidan
CSS

Tack på förhand!

Nicklas

Jag löste problemet med menyn.

Jag skrev bredden för IE i mitt #navlist a block och använde sedan en CSS2 selector som IE inte är kompatibel med.

#navlist a{
    width: 160px /* IE s bredd*/
}
html>body #navlist a{
    width: 132 /* Total bredd minus margins, paddings och linjer för korrekta webbläsare*/
}

Ska se om jag får till det andra också!

Lösningen hittade jag på denna sida
http://glish.com/css/hacks.asp