In regard to this site, I am trying to make the 3 blue buttons appear directly to the right of the blue "LIVE MAGAZINE" part of the image.

My problem is that I can't the image buttons to move over the big image unless I use absolute positioning. This is fine until I expand the page... then the positioning is off, since the background is realtive.

Is there a way to use relative positioning but still put my image buttons on top of the image?

(my css is here)

Thanks for your help.

-Ivan

You could use absolute positioning still if you had to, but use it relative to an element's parent, rather than the body of the document.

If you want an example of what I'm talking about, check my blog. You'll see how the photographs (the pictures div) at the top left are absolutely positioned at 0, 0, yet they won't appear there. That's because the absolute positioning applies in relative terms to the parent div (header).

Use hte same logic on your own site and you should be all good in the hood.

Set the image as a background to the container.

Originally Posted by chrishirst

Set the image as a background to the container.

Can I set the image as a background to the container, even if I'm using it as an image map??

no, but have a look at

http://www.cssplay.co.uk/menu/imap.html
&
http://www.alistapart.com/articles/imagemap/