alright so i want my whole layout to center itself relative to the size of the page. and i want the content to scroll. but i want the nav and background to be fixed instead of absolute. but when i swapped fixed for absolute they weren't within the container anymore and just went to the left side of the page. right now i'm at a loss for how to fix it.

heres a link to my site:
http://lizbmorrison.net/V7test4.php?page=garden

and heres my css:

A:link { text-decoration: none; color:#f0a618; }
A:visited { text-decoration: none; color:#f0a618; }
A:active { text-decoration: none; color:#f0a618; }
A:hover { text-decoration: none; color:#d3d3d3; }

body {
font-family: helvetica, sans-serif;
color: #d3d3d3;
font-size: 8pt;
text-align: left;
letter-spacing: 1pt;
}

h1 {
font-family: helvetica, sans-seif;
color:#f0a618;
font-size: 7pt;
font-weight: lighter;
text-align: right;
letter-spacing: 1pt;
}

#background {
position: fixed;
top: 10px;
left: 0px;
width: 750px;
z-index: 1;
}

#container {
position: relative;
top: 0px;
width: 750px;
margin: 0 auto;
text-align: left;
}

#nav {
position: fixed;
text-align: right;
top: 100px;
left: 0px;
width: 155px;
z-index: 3;
}

#content {
position: absolute;
text-align: left;
top: 105px;
left: 200px;
width: 525px;
z-index: 2;
}

any help would be appreciated, thanks