terrybarnes - 1:33 pm on Dec 4, 2008 (gmt 0)

I'm just developing a site where I have a single column of content that is always centred on screen (so if I resize my browser it'll move and stay centered.

The problem is I have an image, in a DIV, that I need to overlay on top of the page. The problem I'm having is that when I resize the browser window - that image stays in the same place and does not move with the rest of the site. I've tried positioning that div within other divs and changing the position from absolute to relative etc but it still seems to remain static on the page.

Here's the DIV code for the overlaying image:

#image-overlay
{
position: absolute;
top: 34px;
left: 434px;
width: 547px;
height: 58px;
}

I'm sure it's something very, very simply but I'm just not sure what?! Any help would be very much appreciated.