Agregar un submenu en un submenu desplegable horizontal

[Ramon212]

Buenas tardes. Me gustaria aprovechar de sus conocimientos.

Estoy tratando de crear un Menú en el cual me permita tener un submenu y a la vez tener otro menú dentro de este submenú. Espero ser claro. O sea, manejar 2 niveles de opción. Les copio el código CSS que estoy usando.


* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { width: 100%;}

body { background: #366;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu { text-align: center;
font-size: 0.7em;
width: 820px;
margin: 20px auto;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 2px;
}

#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #399;
border: solid 1px #fff;
padding: 8px;
position: relative;
}

#menu ul li:hover {position: relative;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}

#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}

#menu ul li ul {display: none;
}

#menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}

#menu ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}

#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}

table.false {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

He tratado de agregar nuevos DIV, pero solo logro estropearlo mas. Espero ser claro y que pudieran ayudarme. MUCHAS GRACIAS.