Menú Despegable (CSS-HTML)

[Vergil2012]

Buenas estoy tratando de hacer un Menu Despegable con CSS y HTML en base de una barra que ya tengo hecha, he estado investigando un poco pero no me da. Espero que sus conocimiento me ayuden con esto. Gracias

Código:

    #navbar{  
      
    width:auto;  
      
    height:36px;  
      
    background:url(bar_x/navbar-bg.png) left top repeat-x; }
	
      
    #navbar .inbar{  
      
    display:block;  
      
    height:36px;  
      
    background:url(bar_x/right-round.png) right top no-repeat; } 

      
    #navbar ul, #navbar ul li{  
      
    border:0px;  
      
    margin:0px;  
      
    padding:0px;  
      
    list-style:none;  
      
    height:36px;  
      
    line-height:36px; } #navbar ul{  
      
    background:url(bar_x/left-round.png) left top no-repeat; }  
      
    #navbar ul li{  
      
    float:left;  
      
    display:block;  
      
    line-height:36px; }  
      
    #navbar ul li a{  
      
    color:#403e32;  
      
    text-decoration:none;  
      
    font-weight:bold;  
      
    display:block; }  
      
    #navbar ul li a span{  
      
    padding:0 20px 0 0;  
      
    height:36px;  
      
    line-height:36px;  
      
    display:block;  
      
    margin-left:20px; }  
      
    #navbar .navhome a, #navbar .navhome a:hover{  
      
    background:url(bar_x/a-bg.png) left top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar .navhome a span, #navbar .navhome a:hover span{  
      
    color:#FFFFFF;  
      
    background:url(bar_x/span-bg.png) right top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar ul li a:hover{  
      
    background:url(bar_x/ahover-bg.png) left top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }  
      
    #navbar ul li a:hover span{  
      
    background:url(bar_x/spanhover-bg.png) right top no-repeat;  
      
    height:36px;  
      
    line-height:36px; }

Código HTML:

<div class="main">
<div id="navbar">
<span class="inbar">
	<ul>
    	<li><a href="index/as.html"><span>Inicio</span></a></li>
        </ul> 

[C2am]

Un menú desplegable con solo una opción, como que no le veo el sentido.
Supongo que no muestras todo el código, pues mal hecho.
Muestra todo el código del menú.

Saludos

[uyzfop21]

Hice un menu como el que quieres en base a un tutorial que utilia navbar buscalo alli tiene el demo y puedes bajarlo para modificarlo..