Why is IE7 hiding my overflow when, as far as I can tell, all it's containing elements have overflow set to visible?

Question

If you visit the site in question (haddongrant.com) and go to the Artwork section, if you click on an image and view it's stack in Safari, Chrome or Firefox you'll notice the images extend up and down the page, eventually disappearing over the edge.

This is what you should be seeing. In Internet Explorer 7, however, the overflow gets cut off at some point before it ever gets to the end of the page.

The problem is... I can't tell where! I've had a look and every containing element should show overflow. I don't know why IE7 isn't.

Does anyone have any ideas where I might need to add an overflow-y:visible;?

Answer 1

Is it going underneath the following content - could it be a z-index issue, rather than an overflow?

Answer 2

The problem appears to lie with position: relative on #gallery. Removing it fixes the issue, but raises another by adding a horizontal scrollbar. Looks pretty tricky.

This bug appears to be fairly well documented. Check out the following google search.

I like it better with the overflow being hidden anyway :P