Fauxbar Sub-menus not showing

[seanryan-seanryan]

On the Fauxbar page, sub-menus for Bookmarks and Extensions are not visible or accessible: when you hover over - or click on - an entry containing a sub-menu arrow icon you can see about 1mm of the sub-menu's left hand border showing just left of the main menu's vertical scroll-bar. It's as if the sub-menu is hidden under the vertical scroll bar (though of course it's expected that the sub-menu should pop up over / to the right of the scroll-bar).
The sub-menu pops up correctly for all menus where the menu has no scroll-bar, and does not pop up for any menu where the menu does contain a scroll-bar.

[ChrisNZL]

Seems to be an issue with CSS' overflow property,
menubar.js, line ~388

$(this).addClass('exceededMaxHeight') .css('height',maxHeight+'px') .css('overflow-y','scroll') .css('overflow-x','visible') .css('top',$('#menubar').height()+4+'px');

https://stackoverflow.com/a/6433475/206410

Sounds like CSS won't work with nested child elements and scrollbars for this. Probably need to refactor to have each column be placed absolutely side-by-side rather than nested as children.