Menu Bar from list

[Drewza1243]

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

Edited May 29, 2012 by Drewza1243

[niche]

Have your done the css tutorials?

[Krewe]

What the heck is with your class and id names? Why are they so complicated?

[dsonesuk]

What the heck is with your class and id names? Why are they so complicated?

Wordpress, used for specific template, classes for different article menu links.

[niche]

Thanks dsonesuk. I didn't know that. It never hurts to remind ourselves that we'll catch more bees with honey.

[Drewza1243]

Thanks everyone for your interest. I have a solution now so all is good again