Mein Ausgangspunkt für diese Seitenstruktur ist Folgende: Ich möchte einen Header, der 100% der Browserbreite ausfüllt und eine festgelegte Höhe in Pixeln hat.
Darunter sollen links eine Navigation, mit festgelegter Breite in Pixeln, und der Contentbereich sein. Sowohl Navigation als auch Contentbereich sollen die verbleibende Höhe des Browsers komplett ausfüllen und der Contentbereich soll zusätzlich die komplette, verbleibende Breite ausfüllen.
Bisher hab ich zwei Lösungsmöglichkeiten, allerdings gibt es immer eine Browserpartei, die rumzickt
Ich hab hier jetzt nur die Gegenüberstellung von Fx und IE, Opera liefert aber ebenfalls eine Ausgabe, wie der Fx.

Meine erste Möglichkeit:

Firefox, man beachte die Scrollbalken // IE (so sollte es sein)

Der HTML-Code dazu:
HTML-Code: 
<body>
<div id="header">BOAR!</div>

<div id="sidebar">
  <div id="spacer_sidebar"></div>
  linkz
</div>

<div id="main">
Inhalt
</div>

</body>
Und der CSS-Code:
HTML-Code: 
body {
    background-image:url('img/layout/bg.gif');
    color:#000000;
    font-size:10pt;
    font-family:Tahoma, Arial, sans-serif;

    margin:0px;
    }

#main {
    background-color:#FFEAED;
    width:100%;
    padding-top:120px;
    padding-left:150px;
    height:100%;
    }

#sidebar {
    background-color:#FF0000;
    position:absolute;
    float:left;
    top:0px;
    left:0px;
    width:150px;
    height:100%;
    z-index:2;
    }

#spacer_sidebar { height:120px; }

#header {
    background-color:#00FF00;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:120px;
    z-index:3;
    }
Die zweite Variante sieht in den Browsern so aus:

Firefox (so sollte es sein) // IE, hier wird der Header gekürzt

HTML:
HTML-Code: 
<body>

<div id="header">BOAR!</div>

<div id="sidebar">
  <div id="spacer_sidebar"></div>
  linkz
</div>

Inhalt

</body>
CSS:
HTML-Code: 
body {
    background-image:url('img/layout/bg.gif');
    color:#000000;
    font-size:10pt;
    font-family:Tahoma, Arial, sans-serif;
    padding-top:120px;
    padding-left:150px;
    margin:0px;
    }

#sidebar {
    background-color:#FF0000;
    position:absolute;
    float:left;
    top:0px;
    left:0px;
    width:150px;
    height:100%;
    z-index:2;
    }

#spacer_sidebar { height:120px; }

#header {
    background-color:#00FF00;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:120px;
    z-index:3;
    }