position: absolute Problem!

[Bionicman]

Hallo,

Versuche gerade mein erstes CSS/div Design hinzubekommen, aber habe da ein paar Probleme.

1. Seite hat eine feste Breite, soll aber im Browserfenster zentriert sein.
2. Mein Content Bereich soll über der Navi liegen, weil sie einen Verlauf hat der sich unter den Content erstreckt.
3a. Muss diese Elemente also irgendwie, teilweise übereinander positionieren.

Meine Seite zentriere ich so:

width: 1068px;  
margin: 0 auto;

Mein html sieht so aus:

<div id="site">  
  <div id="navi">navi</div>  
  <div id="content">navi</div>  
</div>

Dann orientiert sich position: absolute von navi und content aber an der oberen linken Fensterecke und nicht am parent: site.

Damit das position: absolute klappt müsste ich die site auch absolute machen, so:

position:absolute;  
left:50%;  
margin-left:-125px;

Aber dann bleibt die Seite nicht am Linken Browserrand stehen, wenn das Fenster kleiner ist als der Inhalt. Also die Navi könnte links aus dem Fenster rutschen.

Gibt es dafür eine Lösung?

Danke und Gruß,
Olli