Cómo estilo ASP: Menú con CSS

Tengo un menú vertical que creo pro gtwigticalmente y me gustaría diseñarlo usando CSS pero no puedo encontrar mucha información sobre cómo hacerlo.

Me gustaría que el menú sea vertical y que los submenús se muestren dentro de la misma barra en lugar de una salida, de modo que cuando alguien pase el mouse sobre un elemento principal, los elementos secundarios se mostrarán debajo y preferiblemente moverán el otro elemento principal fuera del camino.

Esto es todo lo que tengo hasta ahora para el estilo:

   .staticItem:Hover { background-color:#FFFF66; color:maroon; width:105px; width:100%; padding-left:5px; background-position:right; background-repeat:no-repeat; background-image:url('Images/Go_hover.png'); box-shadow:2px 3px 3px rgba(61,00,00,.5) inset; border:1px #610000 solid; padding-left:10px; padding-right:19px; } .staticItem { background-color:maroon; color:white; font-size:18px; font-family: "High Tower Text"; font-weight:bold; padding-top:2px; padding-bottom:2px; padding-left:19px; padding-right:10px; width:100%; background-position:left; background-repeat:no-repeat; background-image:url('Images/Go.png'); border:2px #610000 solid; cursor:pointer; border-radius:5px; box-shadow:3px 3px 10px rgba(61,00,00,.8); } 

    

luego llené este menú con el código c # y uso la siguiente clase css

  

Puede incluir un archivo CSS en su proyecto de varias maneras. vea Tres formas de insertar CSS sobre cómo hacer esto.

Lo más fácil puede ser incluir una hoja de estilo externa en su proyecto

    

a continuación, puede agregarle estilos de menú a este archivo

 .mainmenu { } .mainmenu ul { } .mainmenu li { } .staticItem { background-color:maroon; color:white; font-size:18px; font-family: "High Tower Text"; font-weight:bold; padding:2px 10px 2px 19px; width:100%; background-position:left; background-repeat:no-repeat; background-image:url('Images/Go.png'); border:2px #610000 solid; cursor:pointer; border-radius:5px; box-shadow:3px 3px 10px rgba(61,00,00,.8); } .staticItem:hover { background-color:#FFFF66; color:maroon; background-position:right; background-image:url('Images/Go_hover.png'); box-shadow:2px 3px 3px rgba(61,00,00,.5) inset; border-width:1px; padding-left:10px; padding-right:19px; } 

y así…

Es posible que desee considerar el uso de jquery.com