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%;}

[Mickey]

I think he means something like this:

CODE

div.contentMid2 {position: relative;}

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

blah blah blah

As in, you won't have to deal with percentages and that. (Correct me if I'm wrong, Miguel.)