css 三级菜单未显示在正确位置

Question

折腾了一整天，还是无法设置三级菜单的位置。它始终显示在顶部。

这是 fiddle 的 Link。请建议更改。 一块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 在 Fiddle.

JS Fiddle

Answer 1

您的问题已解决

.item-132{   position : relative;}

css 三级菜单未显示在正确位置

Third level menu not showing up on right position with css

html

css

submenu