Could someone please help me create dropdown menu

[MadFly]

I have this css, but I cannot figure out how to add a dropdown feature to it.

/* Menu */#menu {float: right;width: 600px;height: 90px;margin: 0 auto;padding: 0;}#menu ul {float: right;margin: 0;padding: 25px 0px 0px 0px;list-style: none;line-height: normal;}#menu li {float: left;height: 65px;padding: 0px 15px 0px 15px;}#menu a {display: block;height: 70px;line-height: 70px;margin-right: 1px;letter-spacing: 1px;text-decoration: none;text-align: center;text-transform: uppercase;font-family: 'Arvo', serif;font-size: 14px;font-weight: normal;color: #FFFFFF;border: none;}#menu a:hover, #menu .current_page_item a {border-bottom: 5px solid #2E2E2E;text-decoration: none;}#menu .current_page_item a {}

And then this is the html part

<div id="menu">	<ul>	 <li class="current_page_item"><a href="#">Homepage</a></li>	 <li><a href="#">About</a></li>	 <li><a href="#">Contact</a></li>	 <li><a href="#">Random Stuff</a></li>	</ul>   </div>

Edited July 16, 2012 by MadFly

[Krewe]

Go forth and learn! http://www.htmldog.com/articles/suckerfish/dropdowns/