Menú Desplegable

[NewbPHP]

Hola tengo una duda estoy tratando de hacer un menu desplegable ya que tengo uno Normal...

Y me dieron esto:

Código PHP:

  <div class="menu bubplastic horizontal aqua"> 
 
<ul> 
 
<li><span class="menu_r"><a href="?controlador=Persona&accion=formulario"><span class="menu_ar"><b>Persona</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?controlador=Geocentros&accion=formulario"><span class="menu_ar"><b>Geo Centros</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?controlador=Geo&accion=formulario"><span class="menu_ar"><b>Territorio</b></span></a></span></li> 
<li><span class="menu_r"><a href="?accion=partidos"><span class="menu_ar"><b>Partidos</b></span></a></span></li> 
 
<li><span class="menu_r"><a href="?accion=ubv"><span class="menu_ar"><b>UBV</b></span></a></span></li> 
<li><span class="menu_r"><a href="#"><span class="menu_ar"><b>Estadisticas</b></span></a></span></li> 
<li><span class="menu_r"><a href="#"><span class="menu_ar"><b>Usuarios</b></span></a></span></li> 
<li><span class="menu_r"><a href="?accion=salir"><span class="menu_ar"><b>Salir</b></span></a></span></li> 
 
</ul><br class="clearit" /> 
</div>  
   

y este estilo:

Código CSS:

html 
 
{
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-style: 
normal;
font-weight: normal;
font-variant: normal;overflow: auto;
}
 
 
 
body 
{
background-image: url("../image/fondog.gif");
background-repeat: repeat;
/*width:100%; height:100%; overflow:hidden;*/
}
 
 
 
#cab_p 
{
height:90px;
background-image:url(../image/banner2.png);
}
 
 
 
#cuerpo {
background: white;
}
 
#ingresa {
height:200px;
background-image:url(../image/fondousuario.png);
background-repeat: no-repeat;
padding: 1px;
}
 
 
 
 
 
#contenido {
height:100%;
font: 100% bold;
}
 
 
#mensaje{ text-align:center; margin-top:1px; font-weight:bold;font-size:120%; color:#FFFFFF; }
 
#error{
/*border: 1px solid #FF0000; */
background:#660000;
 }
 
 
 
#form{ font: normal100% Arial, Helvetica, sans-serif;font-weight: bold;
}
 
 
 
#pie {
  color:white;
  background-image:url(../image/pie.jpg);
  clear: both;
  height:40px;
  font-size:14;
}
 
 
 
#titulo{  width:100%; height:auto; background:#804040; color:#FFFFFF; text-align:center; font-size:140%; font-weight: bold;}
 
 
.inputt {
border:1px solid #525151;
}
 
 
.inputt:hover{
border:1px solid red;
}
 
 
 
 
.bubplastic.horizontal {
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    
background: #000000 url(../image/bg-bubplastic.gif) top left repeat-x;
}
 
 
.bubplastic.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
 
.bubplastic.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url (../image/bg-bubplastic-button.gif) top left no-repeat;
}
.bubplastic.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 30px;
    float: left;
    
text-transform: uppercase;
    font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    
font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
}
 
 
.bubplastic.horizontal ul li a span.menu_ar {
    display: block;
    float: left;
    height: 22px;
    
padding-top: 5px;
    padding-right: 35px;
    background: transparent url(../image/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}
 
 
 
/* END BUBBLE PLASTIC HORIZONTAL MENU */
/* AQUA HOVER */
 
 
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
    background:
 transparent url(../image/bg-bubplastic-h-aqua.gif) top left repeat-x;
}
 
 
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar 
{
    background: transparent url(../image/bg-bubplastic-h-aqua.gif) top right repeat-x;
}
 

Me dijeron que eso es lo que nada mas necesitaba saber que de hay podia hacer el menú desplegable.

Yo no puedo hacer un menú despegable sin ver la Vista.

Entonces vengo aquí a ver si me podrían ayudar ya que saben mas php que yo apenas comienzo como agarrar ese menú que esta hay y volverlo desplegable.

Me imagino que con sus mismas características no.

AH y en la carpeta viene 3 IMG de nombres = bg-bubplastic, bg-bubplastic-button y bg-bubplastic-h-aqua

Gracias...