menu desplegable, se superponen los li.

[Iballa]

Hola, hago un menu desplegable para la pagina, arriba, pero al desplegarse el submenu, si le pongo "position:absolute", me desplega el sub menu pero solo se me ve el ultimo de la lista del submenu, como si se subpusieran todos los li anteriores debajo del ultimo de la lista, no se.. Me gustaria simplemente saber que puedo hacer para que se me vean todos los componentes de la lista desplegable. Saludos y gracias¡

Código HTML:

<nav class="nav-prin">
          <ul>
            <li class="fade"><a href="index.html">Inicio</a></li>
             <li class="fade"><a href="lenguajes.html">Lenguajes</a>
 
                  <ul>
                            <li><a href="">xxx</a></li>
                            <li><a href="">xxx</a></li>
                            <li><a href="">xxx</a></li>
                         <li><a href="">xxx</a></li>
                            <li><a href="">xxx</a></li>
                            <li><a href="">xxx</a></li>
 
                        </ul>
             </li>
          
          <li class="fade"><a href="index.html">Diseño</a></li>
          <li class="fade"><a href="index.html">Articulos</a></li>
          <li class="fade"><a href="index.html">Archivos</a></li>
          <li class="fade"><a href="index.html">Contacto</a></li>
          </ul>
 
       </nav>
 

Código CSS:

.nav-prin ul>li {
     background: #a61700;
     color: #ffa040;
     display: inline-block;
     font-weight: bold;
     margin-left: 0.01em;
     padding: 0.25em 0;
     vertical-align: top;
     text-align: center;
     width: 16.3%;
     
}
.nav-prin ul>li:hover{
     background:#ff7d13;
     color: #a61700;
     display: inline-block;
     font-weight: bold;
     margin-left: 0.01em;
     padding: 0.25em 0;
     vertical-align: top;
     text-align: center;
     width: 16.3%;
     
}
.nav-prin ul li ul li {
    background: yellow;
    display: block;
    display: none;
    
 
}
.nav-prin ul li:hover ul li {
    background: yellow;
    display: block;
    position: absolute;
 
}