Overflow problem on FF 1

[mpartarrieu]

Hi all,

I created a website with a menu div and a content div, both with predefined size and overflow property set to hidden. The latter div's content (text images, etc) overflows the div area horizontally, so I programmed a js function that slides the content (left-to-right and right-to-left, on demand), so that you can control the "page" you want to see.

It works fine on IE6 and IE7, but on FF and Opera the content div elements are still visible outside of the div. Besides the awkward look, when the content div elements show on top of the menu, all the menu links are useless.

You can take a look at the demo site on

http://www.trobata.com/test/

I've been trying to find a solution for two days, but I'm hopeless. Any help is appreciated.

Thanks in advance...

 

[BabyJeffy]

The quick fix is to add position:relative to the div with id=projectarea

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[mpartarrieu]

Tnanks, BabyJeffy. Works like a charm. Think I gotta get back to css basics.