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]

Have you tried something like this? Try using it in place of your content/sidebar:

CODE

#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: -386px;
        top: -140px;
}
#navigation {
    /* Sets the position for the sidebar as well as the default module fonts */
    position: absolute;
    width: 164px;
    overflow: hidden;
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: justify;
    top: -1px!important;
              top: -420px;
    left: 50%;
    margin-left: 218px;
}