Semantic HTML markup for menu button (html5) -

what best way markup menu button? idea have button text "add" fold out , show options can add.

i <menu> html5 tag label attribute doesn't sit me mean text show if piece of js has been loaded places text (ok use css generated content, doesn't work in ie7/8).

i thought <dl><dt>add</dt><dd>...</dd></dl> construction don't think covers wanted semantics.

do have ideas?

you can place actual element inside label , still maintain proper relationship between two.

for example:

<label for="elementname"><element name="elementname" attribute="" attribute="">element label</element></label> 

similar how 1 markup radio buttons. attempt sort of approach first, however, simple unordered list might looking for, rather definition list, definition list need specify dt , dd each item.