css related drop down menu

I’ve got this code at the moment:

<div id="avmenu">
<h2 class="hide">Site menu:</h2>
[!DropMenu? &selfAsLink=`1` &useCategoryFolders=`0` &startDoc=`0` &hereClass=`current`!]
</div>

which does the job fine, except now there is a demand for submenus and I need to attribute a new <div> or style to the sub navigation items.

So I probably need something like this:
<div id="avmenu">
...
<div id="submenu">
....
</div>
</div>


What’s the best way to proceed?

Get Wayfinder snippet and use innerTpl and outerTpl

Personally I’d suggest using the ul’s of these submenu’s, simply because it saves code, as far as I know it doesn’t matter much wether you style a div or an ul element, both are blocks.