CSS ->Menú vertical y Caja de texto con "Hover"

[DesgraciadoGabo]

pos tiene una estructura extraña tu menú pero nomas modifiqué tu css

Código CSS:

.menu ul{
    position:absolute;
    left:0px;
    top:36px;
    margin:0px;
    list-style:none;
    padding:0px;
    opacity:0;
    transition:opacity .35s ease .2s;
    -webkit-transition:opacity .35s ease .2s;
    -moz-transition:opacity .35s ease .2s;
    -o-transition:opacity .35s ease .2s;
    visibility:hidden;  
  z-index:10;
}
 

y si te das cuenta nada mas le agregue el z-index:10; [http://www.w3schools.com/cssref/pr_pos_z-index.asp] y ya queda, pruebalo y si fallamos vemos que más hacer, saludos!!!