
Originally Posted by
chadderuski
Jade, that is a good compromise solution.
Oh! But I think I have an Idea that will make this work!!!! (for some browsers)
Here is the trick:
http://www.cssplay.co.uk/boxes/scrollbars.html
Put the scroll bar on the left! The sub menus can then still fly out right. I have not had a chance to test this yet, as it JUST occurred to me.
I played around with this, and it doesn't quite work as expected, at least in Firefox. Yes, you can get the scroll bar on the left, but the next menu doesn't fly out as it should. Though you actually can "see" the next menu, its very buggy. Here's as far as I got:
Code:
div#dropMenu ul.level3 {top: 0; left: 12em; background:#4f4f4f;unicode-bidi:bidi-override;direction:rtl;height:200px;width:13.3em;overflow:auto;}
div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#4f4f4f;overflow:visible;}
the above code replaces:
Code:
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#4f4f4f;}