I've taken francky's advice and have split up the submenu into another div.
Please take a look and offer advice. I've only tested on IE and Firefox.
My updated iteration is at:
franky, I do in fact need to show the submenus on hover of the main menu
gracefully as I plan to have a page for each main menu item that will of
course show the proper submenu as well as a list of the sub links in the
main page with a description as to it's use. Text resizing seems OK.
Maybe I am just trying to assuage myself, but I am feeling more comfortable
about the fact that I am not using nested lists. Symantically, there is a
div for the main menu items and a div for the sub menu items. Sure, there
is a relationship between the submenu items and the main menu items, but I
don't see a "significant" advantage in marking up that relationship.
Without CSS, the user is presented with a list of the main menu items and
then individual lists for the submenu items grouped by ul's. I can live
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/