Submenu con orientacion automatica

[jibran]

He desarrollado un menu sencillo con css y mi problema radica en que el ultimo elemento de la lista principal contiene un submenu con 2 niveles secundarios.

Al desplñegar los elementos estos aparecen a la derecha y llega el punto en que no caben en el tamaño original del body provocando la apricion de los scrolls..

Lo que quiero hacer es que en dependecia del ancho del body el submenu se posicine del lado derecho u izquierdo segun sea necedsario para no salr del ancho del body

adjunto codigo css

Código CSS:

* {
font-family:sans-serif;
list-style:none;
list-style-type: none;
text-decoration:none;
margin:0;
padding:0;
}
 
.nav > li {
float:left;
}
 
.nav li a {
background: navy;
color: white;
display:block;
border:1px solid;
 
padding:10px 12px;
font-size: 14px;
}
 
.nav li a:hover {
background: darkslateblue;
text-decoration: underline;
font-style: oblique;
font-weight: bold;
}
.nav li ul {
display:none;
position:absolute;
min-width:160px;
}
 
.nav li:hover > ul {
display:block;
 
}
 
.nav li ul li {
position:relative;
}
 
.nav li ul li ul {
right:-160px;
top:0;
}
 

[pzin]

Podrías probar a seleccionar el último elemento de la lista, y alinearlo a la derecha.

Algo así:

Código CSS:

.nav li:last-child {
  right: 0;
}
 

No se me ocurre ahora mismo hacerlo de un forma que sea dinámico usando solo CSS.