Div immer mittig ausrichten

[Amin]

Hallo,
würde gerne eine Seite aufbauen die sich so verhält wie diese hier:
http://www.cssplay.co.uk/layouts/bodyfix.html

Allerdings wäre es mir wichtig das beim Verkleinern des Browsers, von rechts nach links, das Div stehen bleibt sobald es den Browserrand erreicht.

Habe jetzt schon stundenlang probiert und bekomme es einfach nicht hin!

So wie im folgendem Beispiel würde es funktionieren:

  
#head {  
background-image: url(Bilder/yun_2172.jpg);  
margin:0 auto;  
position:relative;  
width:800px;  
height:148px;  
top:50px;  
}  

Nur funktioniert dass leider nicht wenn ich den scroll Bereich einbinde:

  
#content {  
border-left:1px solid #000000;  
border-right:1px solid #000000;  
border-bottom:1px solid #000000;  
margin:0 auto;  
display:block;  
overflow:auto;  
position:absolute;  
top:225px;  
bottom:100px;  
width:800px;  
}  

Es hat aufjedenfall etwas mit der "position" zu tun.
Sobald ich die Position von absolute auf relativ ändere ist der scroll Bereich mittig. Blöder weise funktioniert es mit dem scrollen dann nicht mehr.

Ich hoffe ich konnte mein Problem halbwegs gut schildern.

Über Hilfe würde ich mich sehr freuen.

Vielen Dank.