Hi all,
I encountered this annoying problem:
An element with the CSS property “position: relative” inside a div that has the property “overflow: hidden” flows out of the parent div in Internet Explorer and Opera. This works fine in Firefox - it hides if it overflows - but is very problematic in IE/Opera.
Here’s my example: http://mtsix.net/ - on the bottom left, that’s supposed to look fine under Firefox (try the Older/Newer buttons), but it just screws up completely in IE and Opera.
Is there a way around this? I have to use position:relative for the inner element because I need to use Javascript to change the CSS top value so it has that scroll effect. Any ideas?