CSS: How to have position:absolute div inside a position:relative div not be cropped by an overflow:hidden on a container

Question

I have 3 levels of div:

• (In green below) A top level div with overflow: hidden. This is because I want some con

Answer 1

I don't really see a way to do this as-is. I think you might need to remove the overflow:hidden from div#1 and add another div within div#1 (ie as a sibling to div#2) to hold your unspecified 'content' and add the overflow:hidden to that instead. I don't think that overflow can be (or should be able to be) over-ridden.