三级菜单没有显示在css的正确位置

Question

在努力浪费了一整天后，我仍然无法设置第三级菜单的位置。它始终显示在最顶层。

这是小提琴的链接。请建议更改。 一块Html

<nav id="menu-main">        
<ul id="menu">
<li class="item-132 deeper parent"><a href="retail.htm">Services</a>
<ul>
<li class="item-132"><a href="retail.htm">Retail Banking</a>
<ul>
<li class="levelThreeAlign"><a href="retail.htm">Sub sub menu</a></li>
</ul>
</li>
<li class="item-132"><a href="loans.htm">Types of Loans</a>
<ul>
<li><a href="retail.htm">Sub sub menu</a></li>
</ul></li>
</ul>
</li>
</ul>
</nav>

小提琴中的 CSS 和 HTML 。

JS Fiddle

Answer 1

您的问题已修复

.item-132{   position : relative;}