Well to start with you need to do what I mentioned above about making sure the container you have the image(s) in that you are setting to position: absolute, are also set to position: relative themselves so that the images don't float around the page.
Right now your images are floating around the page if you resize the browser at all, meaning they reposition depending on the size of the browser. You don't want that, you want the positions to remain where they are and their sizes to resize if needed if you do responsive.
I have a 22 inch monitor and the screen shot you posted above is no where near what I see, here's what I see:
http://coffeecuphelp.com/jo/screenshots/torchlightss.jpg
In order to do it correctly the containers with the images in (sometimes you need to use the right one and that is usually not straight in the body tag, but within another container that has a position setting.
That way things will go where you want them, and they will stay there. Also be sure you're using:
top: Xpx;
bottom: Xpx;
left: Xpx;
right: Xpx;
for positioning and not padding-top or margin-top or the positioning won't stay put either.