Hjälp med implementation av drop down meny

[Maximus1977]

Hjälp!
Laddade ner en gratis webtemplate från nätet. Denna template har en meny med följande kod

html:
<div class="menu">
<ul>
<li><a href="index.html" class="active">Hem</a></li>
<li><a href="about.html">Företaget</a></li>
<li><a href="services.html">Tjänster </a></li>
<li><a href="">Referenser</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>

css:
/*menu*/
.menu { padding:38px 0 0 0; margin:0 ; width:380px; floateft; }
.menu ul { text-align: right; padding:0; margin:0; list-style:none; border:0; floatight;}
.menu ul li { floateft; margin:0; padding:0 10px; border:0;}
.menu ul li a { floateft; margin:0; padding:12px 0; color:#939393; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li aover { color:#ddd;}
.menu ul li a.active { color:#ddd;}


Skulle vilja lägga till en drop down menu under "Tjänster" i samma stil.
Är nybörjare och får ej ordning på detta.
Kan någon hjälpa mig? Vore hemskt uppskattat!