menu desplegable en html y css

Buenas amigos de identi aqui les dejo el codigo de un menu desplegable que hice en html y css,
<html>
<head>
<style type="text/css">
.lista1 {position:absolute; top:10px; left:50px; width:auto; list-style-type:none; 
}
 
.lista2, .lista3, .lista4 {position:absolute; width:auto; left:60px; display:none; list-style-type:none
  
}
.lista1 li{position:relative;left:-40px; border:black solid 1px; margin:5px; padding:5px;
   
     
}
.lista2 li, .lista3 li, .lista4 li{position:relative;top:-31px; left:-40px; width:auto;  
            
}
.contenlista {position:absolute; top:120px; left:30px; width:400px; height:300px; background-color:#7171FF;
  
}

.lista1>li.uno:hover .lista2{display:block}
.lista1>li.dos:hover .lista3{display:block}
.lista1>li.tres:hover .lista4 {display:block}


</style>
</head>
<body>
<ul class="lista1" id="lista1">
        <li class="uno" id="dos">manuales
            <ul class="lista2" id="lista2">
            <li>css</li>
            <li>html</li>
            <li>javascript</li>
            <li>php</li>
            <li>asp.net</li>
            </ul>   
        </li>
        <li class="dos" id="dos">tutoriales
            <ul class="lista3" id="lista3">
            <li>html</li>
            <li>javascript</li>
            <li>css</li>
            <li>php</li>
            <li>asp.net</li>
            </ul>            
        </li>
        <li class="tres" id="tres">paginas
            <ul class="lista4" id="lista4">
            <li>html</li>
            <li>php</li>
            <li>javascript</li>            
            </ul>
        </li>
    </ul>

</body>
</html>

pueden ver el funcionamiento en el siguiente video.


         link:http://www.youtube.com/watch?v=W4NbsIHXQ8E

Espero que les haya gustado.
menu desplegable en html y css
12 Puntos Score: 4/10
Visitas: 2825 Favoritos: 10
Ver los usuarios que votaron...
19 Comentarios menu desplegable en html y css
es un tanto basico pero bueno es mejor asi que con otras cosas
Gracias... es util.
Hola bro. Buen comienzo  
Pod?
@Innocence ah buena observacion, para la proxima lo tendre en cuenta, gracias
No pude mirar el video por el fondo de pantalla que tenes  
Lindo aporte (los menus jaja)
Saluditos.-
gracias por el codigo  
oye si furula tu codigo buena amigo ha y una cosa
Tessla dice: a
@DESTRUKTOR que es una
@NetoDragon @wildergu @mabe_love @Innocence @Batata01 @jul357 @Tessla
gracias a ustedes por pasarse y comentar @Tessla me alegro que te haya andado bien. me llevo un tiempo acomodarlo bien al principio aparecian me dio mal acomodadas los menues. por eso tiene tanto codigo.
Te dejo 5 puntos , aunque aqui no ayan muchas personas coders , y otras que  no sepan apreciar el arte del Html y css , pero buen post , te tomaste tu tiempo en esto ,
capo te deje un mensaje serias tan amable de respondermelo muchas gracias buen post ya te deje +5
@fleisch ya te respondi en uno de tus post. gracias por pasar
Por favor valoren y ense?
@lewittor  si todo bien, el unico que se fue al carajo fue destruktor que tuve que borrar sus comentarios.
@potrosalta Ok amigo. Gracias x compartir tus conocimientos me sirve de mucho, salu2.
@elwuero me alegro gracias por la aprobacion.
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!