Make fixed element obey overflow:hidden

Question

Actually can't quite believe I can't solve this!

How can I get a fixed element to obey the overflow setting?

I have done a fiddle - http://jsfiddle.net/REk4C/7/

In the fiddle and the above image, you'll see a div that contains three divs, each have a different position setting. The relative element obeys the overflow. Now I would expect and can accept that the absolute element to break out, but I need the fixed element to obey the overflow is this possible?

Happy to use jQuery if needed.

Answer 1

Fixed and absolute positioned elements are taken out of the normal document flow, what means the borders of the original parent container have no influence on the element anymore.