Overflow Hidden not hiding

If a parent element is overflow:hidden, any of its children or grandchildren should be invisible if they fall in the overflow area.

In IE 6 and 7 beta 2, if a child has position:relative, its contents are totally visible although the parent is overflow:hidden

Test page Workaround is not included
Reported by: thinsoldier.

Explorer 5-6 Windows, Explorer 7 | Reported on 19 September 2006.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by Derek L. on 29 September 2006 | Permalink

If you apply "position: relative" (or anything else other than "fixed") to the parent element (in the example's case, "detail_photo_mask"), the image will be properly clipped.

2 Posted by RĂ¼diger Schulz on 2 April 2007 | Permalink

Interestingly, if one puts IE 6.0 into quirks mode by omitting the doctype of the example page, the clipping will also be done properly.