Is it possible to position something relative something else?

I want to postition an image a certain number of pixel away from the top-left corner of the image behind it; so that if somebody changes their screen resolution it still apears in the same spot (the image behind it is centered on the page).

Positioning and floats are the two CSS properties you'll need. If you show us an example of what you're looking for, that would be better, however.

www.lets-duel.com/school_site/index2.html

where the red x is, is going to be a javascript slide show, but whenever you change screen resolution it moves, but i want to know how to postition it in relation to the image behind, so that no matter what screen resolution, it still appears in the same place

Margin and position will both work. Just add CSS to the images or put the images in a <div>.

What i mean is i want the banner centered, so that it's centered in all screen resolutions, but when the banner is centered, when the screen resolution changes it moves, but since the javascript slideshow is is positioned with pixels, it stays the same amount of pixels from the left and top. I want it to be positioned so that if the banner moves, the slideshow will move with it, but i have no clue how to do that. Also, if you know any, could you post a link to a tutorial on what i need to do this.

Then put it in a fixed width div that's centered. Then it will always be x pixels from the left of the div it's in.

How do i do that?

i tried that and the image moves to the right of the banner, not on top of the banner.