问题与CSS下拉菜单第三级

Question

我有第二级下拉菜单
这里是我的代码
我怎么能改变我的代码到3级菜单？
我的语言是左到右
我想添加3级，但它显示在第二级 我需要添加3级？

 <div class="menu"> 
      <ul> 
       <li><a href="index.php">home</a></li> 

       <li><a href="help.php">help</a></li> 

       <li><a href="help.php">visa</a> 
           <ul> 
            <li><a href="#">Cozy Couch</a></li> 
            <li><a href="#">Great Table</a></li> 
            <li><a href="#">3rd</a><ul><li><a href="#">test 3rd</a></li></ul></li> 
          </ul> 

       </li> 

       <li><a href="faq.php">faq</a></li> 
       <li><a href="contact-us.php">contact us</a></li> 


      </ul> 
     </div> 

它; S CSS代码

.menu 
{ 
    width:1000px; 
    height:40px; 

    direction:rtl; 
    overflow:hidden; 
    padding-top:7px; 
} 

.menu ul 
{ 
     margin: 0; 
    padding: 0; 
    list-style: none; 
    float:right; 
    font-family:tahoma; 
    font-size:11px; 
} 

.menu ul li 
{ 
    display: block; 
    position: relative; 
    float: right; 

} 
.menu li ul { 
    display: none; 
     float:right; 
} 
.menu ul li a { 
    display: block; 
    text-decoration: none; 
    color: #ffffff; 

    padding: 5px 15px 5px 15px; 

    margin-left: 1px; 
    white-space: nowrap; 
} 
.menu ul li a:hover { 
background: #3b3b3b; 
} 
.menu li:hover ul { 
    display: block; 
    position: absolute; 
} 

    .menu li:hover li { 
     float: none; 
    font-size: 11px; 
} 
.menu li:hover a { background: #3b3b3b; } 
.menu li:hover li a:hover { 
    background: #1e7c9a; 
} 

Answer 1

你可能需要相对于第二级，第三级定位，并设置top和left CSS属性。

或者，这些天，多层菜单有点皱眉。他们很难使用，特别是对于移动/触摸屏用户（并不是说不可能做到正确，但很难）。我相信这些日子的首选解决方案是超级菜单，这些菜单传达更多信息，但仍然隐藏起来以便在需要时被调用。

如果不是选定的答案，我希望你至少找到有用的建议。