Different Resolutions Makes Images' Position Incorrectly., Absolute does not work in this case, please help!? Options

[illriginal]

Hey guys, I have two pics... one that says Tamacracker and one that's a pic of me and my girl.
The problem I'm havin is that she says both pictures are positioned all the way to the right.

I currently have this code in order to position both of them:

<div class="image" style="position: absolute; margin-left:100px; margin-top:400px; width:400px; height:300px; overflow: hidden;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/meandbarbarakiss1-1.png">
</div>

<div class="image" style="position: absolute; margin-left:200px; margin-top:-210px; width:375px; height:140px; overflow: hidden;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/Nametitle.png">
</div>


So I'm assuming because I'm currently using a higher resolution than her... where ever I align something, it's gonna look different on her screen. Is there a was to position it so that it stays where it needs to stay? I thought absolute did that for us.

Profile: www.myspace.com/illriginalized

Screen shot of what it's supposed to look like: http://i62.photobucket.com/albums/h116/Tam.../Myspace1-1.png


Supposedly I need to have an absolute div inside of a relative div in order to make this work? Ugh.. this is annoying.

[FoxLucky]

I've noticed that 'margin' causes it to reposition in diff browsers...and different profiles. Looks better...Where you want it I think. I'm using FF btw. I would bump up your "tamacracker" graphic though because the 'hover' is causing it to cut into the 'interests'