Организация раскрывающегося вертикального меню - Вопросы по CSS

<style type="text/css">
.nav {
	list-style-type:none;
	position:absolute;
}
.nav li {
	float:left;
	width:100px;
	height:20px;
}
.menu {
	list-style:none;
	display:none;

}
.nav li:hover .menu {
	display:block;
}
.menu ul{
	list-style-type:none;
	display:none;
	margin:-20px 0 0 100px;
}
.menu li:hover ul{
	display:block;
	position:absolute;
	width:100px;
}

</style>
    <ul class="nav">
		<li>1 уровень</li>
                            <li>1 уровень
                               <ul class="menu">
                                      <li>2 уровень
                                   	<ul>
		                              <li>3 уровень</li>
        	    	                              <li>3 уровень</li>
            	    	                   <li>3 уровень</li>
			           </ul>
                                      </li>
                                       <li>2 уровень</li>
                                       <li>2 уровень</li>
                                </ul>
                              </li>
  		<li>1 уровень</li>
   		<li>1 уровень</li>
   </ul>