DIV Centered on Different Resolutions --- help

[Guest joiedesign]

I am having the problem of not having my div centered on different size resolutions. I am designing on a 1440x900 and when I look at the files on any other screen, it shifts the div. Here is the CSS - I have tried looking on forums and tutorials and I can't figure this out.

 

 

@charset "utf-8";
/* CSS Document */

body { 
   background-image:url(../images/background1.jpg);
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position:top;

}

#content1 {
   position:absolute;
   height:182px;
   width:366px;
   top:.5em;
   bottom:.5em;
   left:.5em;
   right:.5em;
   margin:0-auto;
   z-index:1;
   background-color:#33CC99;
   left: 515px;
   top: 148px;

}



#nav {
   position:absolute;
   left:628px;
   top:423px;
   width:363px;
   height:22px;
   z-index:2;
   font-family:"Microsoft Sans Serif";
   font-size:24px;
   font-style:normal;
   color:#191c35;


}

[jlhaslip]

Absolutely postitioned elements will not adjust to various display sizes.

You will need to convert to a floated div layout with percentage widths. Lots of them avilable.

 

http://www.google.ca/search?q=fluid+centred+layouts&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a