If you position an element (an image, a table, or whatever) absolutely on your page, it will appear at the exact pixel you specify. Say I wanted a graphic to appear 46 pixels from the top of the page and 80 pixels in from the right, I could do it. The CSS code you’ll need to add into the image is:

img { position: absolute; top: 46px; right: 80px; }

The problem is that when you change the screen resolution, say from 800×600 to 1024×768, the image placement also being changed.

SOLUTION:
Absolute positioning works by using the next available parent container that is positioned (absolutely or relatively).

So, to fix this, all you need to do is simply add a ‘position:relative’ to the parent of the div you’re trying to position.