alt131 - 5:41 pm on Jul 16, 2011 (gmt 0)

Hi magic8designs, almost:

<div class="container" align="center"> <div class="menu" align="center"> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li class="drop"><a class="sub-link" href="#url"><b class="top">Menu |</b></a> <ul class="two"> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li class="fly"> <a class="sub-link" href="#url" style="padding-top:5px; padding-bottom:5px"><b>Menu</b></a> <ul class="three"> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> </ul> <!--close ul.three--> </li> <!--close li.fly--> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Menu</a></li> </ul> <!--close ul.two--> </li> <!--close li.drop--> </ul> <!--close ul.nav--> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <ul class="nav"> <li><a href="#">Menu</a></li> </ul> <!--</ul> delete--> </div> <!--close div.menu --> </div><!--add to close div.container-->

Does that resolve the overlap issue?