[CSS] A position:relative element inside an overflow:hidden element?

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?