Search code examples
htmlcsssubmenu

Third level menu not showing up on right position with css

After wasting the whole day in efforts i am still not able to set the position of third level Menu. It shows always on top.

This is the Link of fiddle. Please suggest the change. Piece of 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>

Whole CSS and HTML in Fiddle.

JS Fiddle

Solution

  • Your Problem is fixed 

    .item-132{   position : relative;}