[Resolvido] Menu Dropdown

Estou com uma pequena dúvida! Criei um menu drop-down em CSS, só que eu queria inserir SUBMENUS nos SUBMENUS. Só que não estou sabendo fazer. Quem puder me ajudar eu agradeço! ainda estou em aprendizado! Segue abaixo o código CSS que estou usando:

Código CSS:

ul.menubar{

 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
 text-align: left;
}

ul.menubar .submenu{

 margin: 0px;
 padding: 0px;
 background-color: none;
 border: 0px;
 float:left;
}

ul.menubar ul.menu{

 display: none;
 position: absolute;
 margin: 0px;
}

ul.menubar a{

 padding: 5px;
 display:block;
 text-decoration: none;
 color: none;
 padding: 5px;
}

ul.menu, ul.menu ul{

 margin: 0;
 padding: 0;
 border-bottom: 1px solid #ccc;
 width: 150px;
 background-color: #FFFFFF;
}

ul.menu li{

 position: relative;
 list-style: none;
 border: 1px solid #ccc;
 background-color: #FFFFFF;
}

ul.menu li a{

 display: block;
 text-decoration: none;
 border: 0px;
 border-bottom: 0px;
 color: #777;
 padding: 5px 10px 5px 5px;
}

ul.menu li sup{

 font-weight:bold;
 font-size:7px;
 color: red;
}

/ Fix IE. Hide from IE Mac \/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/ End /

ul.menu ul{

 position: absolute;
 display: none;
 left: 149px;
 top: 0px;
}

ul.menu li.submenu ul { display: none; }

ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

ul.menu li a:hover { color: #24aa00; font-weight:bold; }
Script:

function horizontal() {

 var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");

 for (var i=0; i< navItems.length; i++) {
 if(navItems[i].className == "submenu")
 {
 if(navItems[i].getElementsByTagName('ul')[0] != null)
 {
 navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "none";}
 navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "none";}
 }
 }
 }

}

Obrigado a todos!

<ul id="menu">
 <li>Item 1</li>
 <li>
 <span>Item 2</span>
 <ul>
 <li>Item 2.1</li>
 </ul>
 </li>
 <li>
 <span>Item 3</span>
 <ul>
 <li>
 <span>Item 3.1</span>
 <ul>
 <li>Item 3.1.1</li>
 </ul>
 </li>
 </ul>
 </li>
</ul>