CSS - Ayuda Configuracion menu

Hola quisiera acudir a ustedes, para q me ayudaran a configurar este menu para que se pueda desplegar submenus, ya que al hacerlo solo se ve texto mal configurado gracias!

PD es para un sitio en joomla

Cita:

#conte_main-menu {
height:50px;
background-image: url(../images/bg_menu_03.jpg);
background-repeat: repeat-x;
}
#main-menu {
height:50px;
width:1100px;
margin:auto;
}
#menu_sup {
float:left;
padding-top:10px;
}
#menu_sup ul {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
#menu_sup li {
margin:0;
float:left;
}
#menu_sup li a {
height:20px;
display:block;
color:#FFF;
width:auto;
text-decoration:none;
padding-left: 20px;
padding-right: 20px;
font-size: 11px;
padding-top: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
}
#menu_sup a:hover {
color: #28bfff;
}

Dan,

no basta con el css, tienes que agregar el html que construye el menú. Adicional al hecho de que regularmente se acompaña con un javascript para la funcionalidad desplegable. Agregando lo anterior, te puedo apoyar con gusto.

Saludos.

que es ssl | timbre fiscal | geotrust | thawte