Menu Css con Submenus "elegate"

/* Codigo por: Davixm.tk*/

* {
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

.nav > li {
float:left;
}

.nav li a {
background:#0c9ba0;
color:#FFF;
display:block;
border:1px solid;
padding:10px 12px;
}

.nav li a:hover {
background:#0fbfc6;
}

.nav li ul {
display:none;
position:absolute;
min-width:140px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li {
position:relative;
}

.nav li ul li ul {
right:-140px;
top:0;
}
/* Codigo por: Davixm.tk*/

<ul class="nav">
<li><a href="URL DE DIRRECION">Home</a></li>
<li><a href="URL DE DIRRECION">Servicios</a>
<ul>
<li><a href="URL DE DIRRECION">Diseno grafico</a></li>
<li><a href="URL DE DIRRECION">Diseno web</a>
<ul>
<li><a href="URL DE DIRRECION">Submenu 1</a></li>
<li><a href="URL DE DIRRECION">Submenu 2</a></li>
<li><a href="URL DE DIRRECION">Submenu 3</a></li>
<li><a href="URL DE DIRRECION">Submenu 4</a></li>
<li><a href="URL DE DIRRECION">Submenu 5</a></li>
</ul>
</li>
<li><a href="URL DE DIRRECION">Mision</a></li>
</ul>
</li>
<li><a href="URL DE DIRRECION">Acerca</a>
</li>
<li><a href="">Contacto</a></li>
</ul>