Misaligned Page Options

[YourSuperior]

Well I just finished coding my layout, and my friend is using a different resolution and they said the layout looks really misaligned on their computer and I use 1280x800 resolution. Can someone help me fix it? This is what it looks like on my computer:

click to enlarge

Here's the site: http://takecamera.com/alvinward/test.php

[libertie]

#content {
/* Sets the position of the main div as well as the default fonts for the content */
position: relative;
width: 591px;
overflow: none;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
text-align: justify;
left: 50%;
margin-left: -390px;
top: -140px;
}

This code, in every resolution, will position the left side of the div exactly center of the page - then you need to move it to the left, so it will be exactly centered. What I usually do then is divide the total width of the content in half - it's about 780px - and give it a negative margin-left.

You would, of course, want to do the same for the sidebar only you wouldn't move it as far left (you may even have a positive margin).