menu desplegable, se superponen los li.

[alberto510a]

Si te digo la verdad esa forma de hacer un menú desplegable vertical nunca la vi te dejo el código con las modificaciones que yo le puse para que funcionara y ya tu lo adaptas a tu gusto:

Código CSS:

.nav-prin ul li {
     background: #a61700;
     color: #ffa040;
     list-style-type:none;
     float:left;
     padding-top:15px;
     margin-left: 0.01em;
     height:35px;
     text-align: center;
     width: 100px;
    
     
}
.nav-prin ul li:hover{
     background:#ff7d13;
     font-weight: bold;
     
}
.nav-prin ul li ul li {
    background: yellow;
    display: none;
}
 
.nav-prin ul li:hover ul li {
    display: block;
    position:relative;
    top:15px;
    left:-40px;
 
}
 

Saludos.