Hola estoy haciendo un menu desplegable y no se como hacer que funcione correctamente he intentado todo el dia pero me decidi a preguntar en el foro porque no se que mas inventarme
les dejo el html
<div id="menu">
<ul>
<li><a href="#" class="li1">desplegable</a></li>
<ul>
<li><a href="#" class="li2">sub menu</a></li>
</ul>
</ul>
y el CSS
*{padding:0; margin:0;}
#menu{width:130px; height:50px;}
body, #menu{color:#fff; background:#333; text-decoration:none; text-transform:capitalize; text-align:center; font-family:"Lucida Sans Unicode";}
li, ul{list-style:none;}
li .li2{display:none;}
a{color:#fff;}
a.li1:link, a.li1:visited{display:block; background:#006699; width:120px; height:20px; border:1px solid #fff; margin:2px; }
li .li2, a.li1:hover{ background:#333; display:block;}
Espero me entiendan y me ayuden GRACIAS