A Javascript / CSS Element Positioning Problem

[zotium]

Hello Javascript/CSS Gurus! I have a challenge for you:

Check out <snip>

If you click on "AI" in the left navigation bar, a Sliding Panel should appear. It works well on both Firefox and IE.

However, there is one problem...

On Firefox, when the browser window is small enough such that horizontal scroll bars would appear, scrolling the window horizontally would cause the Sliding Panel to move along with the scroll bar, which is not the intended behavior.

On IE, the Sliding Panel would remain where it was as you scroll horizontally. This is the intended behavior.

Any ideas how to correct the problem on Firefox?

Responses would be highly appreciated!

[edited by: DrDoc at 6:13 am (utc) on Mar. 26, 2008]
[edit reason] No links, please. [webmasterworld.com] [/edit]

[webfoo]

I have had that problem in Firefox on a horizontal menu bar across the top. If the content is longer than one screen, it comes down with the text upon scrolling. It doesn't look nearly as bad when it is across the top, but I see your problem. I do not have a fix for it. Could it have something to do with a float property.