Need help with menu

[Hugh]

Great template btw! Now how to explain...when an item is selected further down in the list, the dropdown for other menu items before it hide behind it's submenu bar.

Here is the mark up...

<div id="navs">
			<!--[if !IE]>start main menu<![endif]-->
			<div id="main_menu">
				<div class="inner">
					<ul>
						<li class="sub">
							<a href="#"><span><span>Home</span></span></a>
							<div class="submenu">
								<ul>
									<li><a href="#"><span><span>Settings</span></span></a></li>
									<li><a href="#"><span><span>Orders</span></span></a></li>
									<li><a href="#"><span><span>Catalog</span></span></a></li>
									<li><a href="#"><span><span>Promotions</span></span></a></li>
									<li><a href="#"><span><span>Static Pages</span></span></a></li>
									<li><a href="#"><span><span>Customer Services</span></span></a></li>
								</ul>
							</div>
						</li>
						<li class="sub">
							<a href="#"><span><span>Settings</span></span></a>
							<div class="submenu">
								<ul>
									<li><a href="#"><span><span>Settings</span></span></a></li>
									<li><a href="#"><span><span>Orders</span></span></a></li>
									<li><a href="#"><span><span>Catalog</span></span></a></li>
									<li><a href="#"><span><span>Promotions</span></span></a></li>
									<li><a href="#"><span><span>Static Pages</span></span></a></li>
									<li><a href="#"><span><span>Customer Services</span></span></a></li>
								</ul>
							</div>
						</li>
						<li class="sub selected">
							<a href="#" class="selected"><span><span>Orders</span></span></a>
							<div class="submenu">
								<ul>
									<li><a href="#"><span><span>Promotions</span></span></a></li>
									<li><a href="#" class="selected"><span><span>Static Pages</span></span></a></li>
									<li><a href="#"><span><span>Customer Services</span></span></a></li>
								</ul>
							</div>
						</li>
						<li><a href="#"><span><span>Catalog</span></span></a></li>
						<li><a href="#"><span><span>Promotions</span></span></a></li>
						<li><a href="#"><span><span>Static Pages</span></span></a></li>
						<li><a href="#"><span><span>Customer Services</span></span></a></li>
						<li><a href="#"><span><span>Cool Links</span></span></a></li>
						<li><a href="#"><span><span>Press</span></span></a></li>
					</ul>
				</div>
			</div>
			<!--[if !IE]>end main menu<![endif]-->
			
		</div>

And a pic of the prob...


Thanks in advance guys

[Marian Banita]

Hello, issue fixed, please send me a mail at marian.banita@oxylus.ro and I'll send over the fixed css files. We will also update the files on themeforest today, however it takes some time for the updates to be approved so contacting me would be the quickest way of geting the files. Thank you for bringing this issue to our attention.

[Hugh]

Thanks for the quick reply and fix. I'll email you today.