多级ul列表定位

Question

我有一个深入三级的ul列表菜单。我希望所有FirstMenu列表项水平相邻，而嵌套和垂直对齐的Second和ThirdMenus位于下面三个水平FirstMenu项目。到目前为止我在CSS中没有尝试过（浮动，相对/绝对定位，边距/填充），这使得FirstMenus无法下降到第二和第三个下方。建议欢迎！

    <ul id="footermenu">
     <li class="firstfootermenu">FirstMenu1      
      <ul class="subfootermenu">
        <li>SecondMenu1
          <ul class="subsubfootermenu">
            <li>ThirdMenu1</li>
            <li>ThirdMenu2</li>
            <li>ThirdMenu3</li>
         </ul>
       </li>
      </ul>
     </li>
    <li class="secondfootermenu"><a href="#">FirstMenu2</a></li>
    <li class="secondfootermenu"><a href="#">FirstMenu3</a></li>
   </ul>

Answer 1

对第一个display: inline-block; vertical-align: top的直接后继者使用float: left或ul：http://jsfiddle.net/jmAUJ/或http://jsfiddle.net/8etkS/

编辑：使用新布局http://jsfiddle.net/jmAUJ/1/

更新了jsFiddle