lining up images with background image?

[Anonymous]

I've browsed all over w3 schools (maybe in the wrong area) and I can't seem to figure out how to line up images with a centered background image.

I set an image as the background and it's centered. When I try to add an image and have it line up with the left edge of the background image it jumps all around depending on the browser and resolution. I tried changing it between fixed, relative, etc... but maybe I wasn't doing it correctly.

So basically, how can I line up images with edges of a background image?

 

[Anonymous]

You will probably find it difficult to do this with a background image. Why not put the image into a div and set the other image to be positioned relative to it?