Hola estaba intentando crear un menu sin las etiquetas <li> o <ul> ya que no me gusta asi. e usado 3 divs . Por gerarquia : Menu , Seccion , Submenu. La cosa es que no se como hacerlo xD llegue hasta aca , y no se como seguir

nunca se me dio esto de los menu desplegables:
Código HTML:
Ver original<!-- Menu -->
Informatica
Comercial
Artistica
Escolar
Y el css
Código CSS:
Ver original#Menu{
display:block;
position:fixed;
width:125px;
}
.Seccion{
display:block;
border:1px solid #333;
}
.Submenu{
display:none;
border:1px solid #333;
width:100px;
position:absolute;
}
.Seccion:hover .Submenu{
display:block;
top:-10;
left:135px;
}
La cosa es que al menu lo quiero tener en un fixed osea que el menu baya bajando dentro de un borde con la pagina.
Osea hay 2 bordes a la izquierda en 1px solid #333 a ambos lados que termina al final de la pagina y dentro esta el menu entonces lo que quiero es que sea como un asensor. No se si se me entiende ...