En el código css no hay nada que cambie el estado del menu, el ejemplo más facil de entender es este
Código CSS:
Ver originalli ul
{
display: none;
}
li:hover ul
{
display:block;
}
Es decir siempre que haya un menu (ul) dentro de un li, se desplegara una vez que se haga hover sobre el li.
Acá hay una explicación más detallada del asunto:
https://escss.blogspot.com.co/2013/0...-down-css.html
Lo otro es que tienes todo mal estructurado:
porque la palabra DE esta separado en dos li?
porque no esta bien identado?
Porque hay 2 id llamados de igual forma, si deben ser únicos? Y PORQUE con el id "id"?
Segundo, los estados de los enlaces a:visited, a:link, a:hover, a:active solo afectan a los elementos hijos dentro de la etiqueta, no afectan a los contenedores o padres de los enlaces, por lo que esa declaración en realidad no hace nada.
Se que estarás aprendiendo, por lo que el camino es largo pero necesitas estudiar más las bases y sobre todo el blog que te pase, tiene unos muy buenos consejos y técnicas. Saludos.