Absolute Positon + Browser Scroll

[dicicco2]

I'd have to say I'm a pretty good CSS coder but I've run into something i haven't encountered before.

Right now i have a fixed width main content div that is centered in the browser.

I have another div that i have positioned absolutely which sits in the main content div but at an offset so it looks like its sitting out to the left.

I can't stand how when the browser is resized to be small it hides the absolute div hanging to the left. I know it's because its absolutely positioned.

Anyone have any insight on some remedies for this?

Attached is a picture of what I just described.

[felgall]

Which element id the absolute relative to. If it is relative to the page rather than being enclosed within something that has position:relative then resizing the page is almost guaranteed to stuff up its placement since in that instance it doesn't need to be moved but the rest of the content does and the last element moved ends up in front unless the z-index values specify otherwise..