help with position:absolute

Absolute positioning in CSS

[rajarams]

i have a website www.srajaram.com , posted from blogger.com. I have added menu images on the sides of the blog to point to other sections of my website.
The code I have written is as follows:
<DIV STYLE=" position:absolute; top:128px; left:4px; width:132px; height:128px; z-index:11;"><IMG SRC="http://www.srajaram.com/images/home.JPG" WIDTH=132 HEIGHT=128 BORDER=0> </DIV>

What happens because of this is that my site shows up very well only on one resolution of the screen. If i change the resolution, the menu images go all over the page because they are positioned based on pixel positions.
Any advice on how to reprogram this to work on all resolutions?
thanks a lot in advance.

[yellowbeetle]

Is each "menu img" contained within its own absolutely positioned div?

Have you tried a wrapper div that contains all the menu images - position that absolutely, then take the absolute positioning off each individual menu img.

<div id="menu items"> 
 <div id="menu_1"><img></div> 
 <div id="menu_2"><img></div> 
</div>