drop down menu en css

[jalex16]

hola. alguien me ayuda a hacer un menu css desplegable?

esto es lo que tengo hasta ahorita:

Código:

#ivip-hornav {
 float:left;
 font-size:93%;
 line-height:normal;
}
#ivip-hornav ul.menu {
 margin:0;
 padding: 5px 0px 0 0;
 list-style: none;
}
#ivip-hornav ul.menu li {
 display: inline;
 margin: 0;
 padding: 0;
}
#ivip-hornav ul.menu a {
 float: left;
 background:url("../images/tableft10.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
}
#ivip-hornav ul.menu a span {
 float:left;
 display:block;
 background:url("../images/tabright10.gif") no-repeat right top;
 padding:11px 8px 8px 3px;
 color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ivip-hornav ul.menu a span {
 float:none;
}
/* End IE5-Mac hack */
#ivip-hornav ul.menu a:hover span {
 color:#FFF;
}
#ivip-hornav ul.menu a:hover {
background-position:0% -42px;
}
#ivip-hornav ul.menu a:hover span {
background-position:100% -42px;
}
#ivip-hornav ul.menu #current a {
background-position:0% -42px;
}
#ivip-hornav ul.menu #current a span {
background-position:100% -42px;
}
#ivip-hornav ul.menu #current .parent{
background-position:100% -42px;
}

es para una plantilla en joomla que estoy haciendo