Hi,I have an unordered list written in HTML and I want to get it to work as a drop down menu with CSS. The list code is fairly basic but I have no idea what to do for the CSS. Below is the HTML for the list. I don't have any control over it since it's generated by WordPress. HTML
<div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"> <li id="menu-item-79" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-79"><a href="http://suburbanjunkie.zxq.net">Home</a></li> <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="http://suburbanjunkie.zxq.net/theband/">The Band</a></li> <li id="menu-item-81" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-81"><a href="http://suburbanjunkie.zxq.net/category/uncategorized/">Uncategorized</a></li> <li id="menu-item-82" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-82"><a href="http://suburbanjunkie.zxq.net/category/level-1/">level 1</a> <ul class="sub-menu"> <li id="menu-item-83" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-83"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/">level 2</a> <ul class="sub-menu"> <li id="menu-item-84" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-84"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/">level 3</a> <ul class="sub-menu"> <li id="menu-item-85" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-85"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/">level 4</a> <ul class="sub-menu"> <li id="menu-item-86" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-86"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/level-5/">level 5</a></li> </ul> </li> </ul> </li> </ul> </li> <li id="menu-item-87" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-87"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/">level 22</a> <ul class="sub-menu"> <li id="menu-item-88" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-88"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/level-33/">level 33</a></li> </ul> </li> <li id="menu-item-89" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-89"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-222/">level 222</a></li> </ul> </li> <li id="menu-item-90" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-90"><a href="http://suburbanjunkie.zxq.net/category/meta/">Meta</a></li></ul></div>
Thanks in advance