javascript - 如何移动JQuery子菜单

我正在帮助一个朋友访问她的网站，并且JQuery附带的菜单出现问题。实际上，这是子菜单。它出现在重叠的div后面。我试图在css中使用位置，但无济于事。这是正在发生的事的演示。 www.hvactechhelp.com/Ashley

任何帮助，将不胜感激。

只是为了澄清。我需要子菜单显示在页面按钮上方。 Z-Index会将子菜单放在顶部。

这是HTML CSS是标准的jquery-ui.css

<div class="content">
  <div class="l_content">

    <ul id="menu">

      <li><img src="images/nav-r1.gif" width="201" height="32" /></li>
      <li><img src="images/nav2.gif" width="200" height="32" /></li>
      <li><img src="images/nav3.gif" width="200" height="32" />

        <ul>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r1.png" width="200" height="40"    /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r2.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r3.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r4.png" width="200" height="40" /></a></li>
           <li><a href="Untitled-3.html"><img src="images/GDsub-r5.png" width="200" height="40" /></a></li>
        </ul>
     </li>
     <li><img src="images/nav4.gif" width="200" height="32" /></li>
     <li><img src="images/nav5.gif" width="200" height="40" /></li>

    </ul>

  </div>


  <div class="r_content"></div>


</div>

最佳答案

您的子菜单无序列表标记具有内联样式，其属性为top:10px。将此更改为top:-30px。

这会将子菜单移到页脚上方。