Please Please Help...

I have been at this problem for 12 hours (no, seriously). I am making a site through CSS. The CSS and the HTML validates. This is the confusing part. I'm not too familar with relative positioning, and am using absolute instead. My problem is when I go to a different computer (with a different resolution) the text is messed up.

I need to know if anyone can end my misery of all of today and last night and tell me how to make it look the same on different browsers or resolutions. I am praying that someone knows for the sake of my well being.

site found at: http://www.inbinghamton.com/sitecss.html

my css is:

#container{
position: absolute;
left:50%;
margin-left: -313px;
top:45px;
width:766px;
height:716px;
background-image: url(images/sitecssbg.jpg);
}

body{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color:#477BA3;
}

#logo {
position:absolute;
width:450px;
height: 49px;
left: 58px;
top: 48px;
z-index:1;
}

#navbar {
position:absolute;
width: 260px;
height: 17px;
left: 289px;
top:184px;
z-index:1;
}

#google{
position:absolute;
width: 160px;
height: 17px;
left: 735px;
top: 330px;
}

#homenav{
position:absolute;
width: 126px;
height: 47px;
left: 289px;
top: 184px;
}

#leftpic{
position:absolute;
width:204px;
height: 96px;
left: 68px;
top: 170px;
}

#centerpic{
position:absolute;
width:204px;
height: 96px;
left: 281px;
top: 170px;
}

#rightpic{
position:absolute;
width: 204px;
height: 96px;
left: 493px;
top: 170px;
}

#bottomleft{
position:absolute;
width: 168px;
height: 96px;
left: 468px;
top: 515px;
font-size:0.8em;
}

#sitesearch{
position:absolute;
width:154px;
height: 29px;
left: 493px;
top: 170px;
}

#searchbar{
position:absolute;
width:194px;
height: 29px;
left: 290px;
top: 364px;
}

#nextweek{
position:absolute;
width:170px;
height: 29px;
left: 468px;
top: 415px;
font-size:0.8em;
}

#welcome{
position:absolute;
width:400px;
height: 90px;
left: 655px;
top: 455px;
font-size:0.8em;
}