Issue with Overflow:Auto & Absolutely Positioned Divs

Hello!

I've noticed a small issue that I haven't ever run into before. I have a div which has the property of overflow:auto; - inside of that div there is a child that has a position of absolute in order to get it to display outside of the parent (negative top margin);

(The issue is with the box that displays the title)

It should look like this:
http://i.imgur.com/cbBpJ.png

however when I apply the overflow:auto; property to the parent div I'm getting results which look like this:
http://i.imgur.com/Qid8i.png

the difference is that it's now restricting the div display to the inside of the parent div. Z-indexing isn't helping it display above it.

Any ideas?

Hmm, do you have a website I can look at?

Hmm, do you have a website I can look at?

it's currently having live changes made to it (this is a new skin being applied to an old site) so the entire structure will be moving around throughout the week, but that right bar (the side that's having the issue) will be on every page.

2012.parentsavvy.com/home/

dont' forget the "/home/" because the default index.cfm will reroute you to the current live site

Set the outer div to

Code:
---------
z-index:-999;
---------
Email Div


Code:
---------
z-index:1;
---------



for the record, negative z-indexing is a terrible idea.