Problems with centering...

[djryback]

Im making a page with fixed content, width 986px which i want for minimum width so everything less than that would scroll left or right.
I want it centered so when its more than 1024*768 resolution it's still in the middle and outer body is expanding as needed.
Everything there is ok, but only when i resize window to less than 1024*768, left part of my div is hidden (probably like 20%) and can't be scrolled left to be visible.
if u can try this settings from my css file, it will be clearer. Code is below.

Thank you in advance,

p.s. you can use background-color or margin or whatever to see how it behaves.

#content
{
position:absolute;
left:50%;
width:986px;
top:0px;
height:1000px;
margin-left:-493px;
background-image:url(layout/background_tile.gif);
background-repeat:repeat-y;
}

[drhowarddrfine]

I'm not sure that's the way you want to do it but try this:
[code=css]
#content
{
width:980px;
top:0px;
height:1000px;
margin:0 auto;
background-image:url(layout/background_tile.gif);
background-repeat:repeat-y;
}