(Pull down the “Challenges” menu to see an example of the dividers I speak of.)
I really would like to see this feature added to CSS Menus if possible, but that will likely take a long time. In the meantime, I am curious how this might be done another way. No doubt that “other way” would be through code (God help us all), but I would like to know nonetheless.
This menu is being Ajax-injected by jQuery on the fly, it’s not a traditional CSS menu. I would expect this menu to perform poorly in terms of SEO, because the submenu items are not in the page at all, and since Google doesn’t run JavaScript, it will never see them.
Because it’s being done by JavaScript, the calculations for “how many submenu items will fit in the window” can be made based on the current browser window dimensions, or can be based on the number of submenu options (for balanced columns when there are more than N options).
It’s very slick, and I can see why you’d like to emulate it in CSS, but I honestly can’t see how you would using nothing but pure CSS to style it into existence.