問題與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屬性。

或者，這些天，多層菜單有點皺眉。他們很難使用，特別是對於移動/觸摸屏用戶（並不是說不可能做到正確，但很難）。我相信這些日子的首選解決方案是超級菜單，這些菜單傳達更多信息，但仍然隱藏起來以便在需要時被調用。

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