css help in element positioning.

[funguru]

hi.. i am new at CSS but i have a read a few online guides and am trying stuff on my own. I am designing a page where i want it the whole page to be aligned center and always remains that way no matter if the browser window is resized.

below is the CSS for what i have done till now.. but all the images and text are fixed and when i resixe the window they still stay where they are.

<style type="text/css">

body {

background-color: white
}


#logo {
position:absolute;
top:0px;
left:170px;
}

#topmenubar {
position:absolute;
top:0px;
left:375px;
}


#headerimage {
position:absolute;
top:60px;
left:170px;
}

#contentleft {
width:175px;
padding:0px;
float:left;
background:#fff;
position: absolute;
top:210px;
left:170px;
}

</style>

<div id="logo">
<img src="website/images/fabulous-logo.jpg" width="175" height="60">
</div>

<div id="topmenubar">
<img src="website/images/top-menu-bar.gif" width="595" height="26">
</div>

<div id="headerimage">
<img src="website/images/passion-open-source.jpg" width="800" height="144">
</div>

<div id="contentleft">
this is coola
ad
adadada asds
ad
</div>