Sottomenu con classi diverse

[Lizzy84]

Ciao, devo chiedervi aiuto.
Ho un menu verticale che si apre con il suo sottomenu di lato, ma invece il menu di terzo livello dovrebbe aprirsi sotto al suo parent.

Allego un'immagine di come è adesso.

Avete qualche consiglio?

[rinaldi]

Inserisci anche il codice.

[Lizzy84]

<ul class="menu">
<li class="item-150">
<li class="item-160 deeper parent">
<span class="separator">Collections</span>
<ul class="topnav">
<li class="item-178 deeper parent">
<span class="separator">Man</span>
<ul class="topnav">
<li class="item-177">

[Lizzy84]

#menu {
font-family:'Conv_avgr45w', Verdana, Arial, Helvetica, Sans-Serif;
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
margin: 0 40px;
padding: 100px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 165px;
z-index:2;
font-size:12px;
}



#menu ul {

list-style-type: none;

}


#menu li{
list-style: none;
position: relative;
width:165px;
height: 30px;
/*padding:0 20px;*/
line-height: 30px;
cursorointer;
}

#menu li a{
}
#menu li:hover{
}
#menu ul ul{
position: absolute;
top:0;
left:160px;
visibility:hidden;
}
#menu ul li:hover ul ul, #menu ul li.active ul ul{
/*position: absolute;*/
top:0;
visibility:hidden;
}
#menu ul li:hover ul, #menu ul li.active ul{
visibility:visible;
}

#menu ul li ul li{
color:#FFFFFF;
font-size: 16px;
}
#menu ul li ul li a{
color:#FFFFFF;
}

#menu ul li ul li:hover ul, #menu ul li ul li.active ul {
visibility:visible;
background-color:rgba(256, 256, 256, 0.8);
}
#menu ul li ul li ul li{
color:#333333;
font-size:12px;
}

#menu ul li ul li ul li a{
color:#333333;
}
/* --- Modifiche temporanee Elisa - per menu terzo livello */
#menu ul ul ul, #menu ul ul:hover ul, #menu ul ul.active ul{
left: 0;
position:inherit;
/*position: absolute;
top: 0;*/
}

.item-177 {
top:180px;
}

[Lizzy84]

Ora sono riuscita ad inserirlo sotto, ma non riesco a chiudere il menu.
-item-177- l'ho posizionato più spostato per poterlo vedere.