I’m attempting to do something similar, but I don’t have a need for custom HTML in my submenu.
My submenu happens to be a list of the 50 states. That list is too long for the page causing scrolling problems for people on desktops. I simply wish to split the existing UL into 4 columns that are a more reasonable length.
Can this be done with CSS alone?
edit: When testing scrolling for the very-long list on the demo page (it’s the “more” item in the “sub test” section) it seems to have been solved quite nicely. I’ll see if that alone will work for this project, but I am still curious about how to create a 4-column layout.