positioning on 2.0 div not right on different monitors, absolute positioning and other ways not working Options

[shutterleftopen]

http://www.myspace.com/aspectinc

my layout works well and for the most part is lined up on my 22" monitor. on my laptop that is 17" monitor it's off. i'm using absolute positioning along with the left: 18% code but it's not helping. below is the code. any suggestions? thanks in advance.

CODE

.addbutton
{width:100px;height:50px;position:absolute;top:570px;margin-left:140px;background-color:transparent;z-index:9;overflow:hidden;left:18%;}

.msgbutton
{width:100px;height:50px;position:absolute;top:575px;margin-left:250px;background-color:transparent;z-index:9;overflow:hidden;left:18%;}

.sitebutton
{width:100px;height:50px;position:absolute;top:580px;margin-left:360px;background-color:transparent;z-index:9;overflow:hidden; left:18%;}

.picsbutton
{width:290px;height:50px;position:absolute;top:580px;margin-left:580px;background-color:transparent;z-index:9;overflow:hidden;left:18%;}

.emailbutton
{width:120px;height:50px;position:absolute;top:570px;margin-left:880px;background-color:transparent;z-index:9;overflow:hidden;left:18%;}

.aboutmetext
{width:360px;height:330px;position:absolute;top:2270px;margin-left:160px;background-color:transparent;z-index:9;text-align:justify;padding-right:5px;overflow-x:hidden;overflow-y:auto;left:18%;}

.myspace
{width:784px;height:307px;position:absolute;top:713px;margin-left:150px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:auto;left:18%;}

.photography
{width:784px;height:419px;position:absolute;top:1110px;margin-left:150px;background-color:transparent;z-index:9;overflow-x:auto;overflow-y:hidden;white-space:nowrap;left:18%;}

.print
{width:784px;height:232px;position:absolute;top:1618px;margin-left:155px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:hidden;left:18%;}

.specials
{width:784px;height:231px;position:absolute;top:1942px;margin-left:155px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:hidden;left:18%;}

[shutterleftopen]

50% knocks the sections over to the right. i used 18% to keep them in line within the same monitor using different browsers. but it shifts with a different size monitor.

[Mickey]

50% knocks the sections over to the right. i used 18% to keep them in line within the same monitor using different browsers. but it shifts with a different size monitor.

That's because 18% of your monitor doesn't equal 18% of that other monitor. If you want those sections centred, stick to 50% then adjust the margin-top / margin-left values appropriately.