Не могу разобраться с меню

[PuPsAn]

Вот код
Вроде все получается но выходит 2 столбика, и в них при наведении на категорию выползает еще меню, с правым все в порядке, а вот левое если наводить на него мышью открывается и перекрывает правое меню, как бы этого избежать? или сделать так что бы оно в разные стороны разъезжалось правое от левого не перекрываю друг друга?



Код

<li class="mega haschild"><a href="#" class="mega haschild" id="menu61" title="Продукты">
<span class="menu-title">Продукты</span></a>
<div style="width: 400px; left: -9999px; overflow: hidden;" class="childcontent cols2 ">
<div style="width: 400px; margin-top: -194px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 400px; min-height: 174px;">
<div class="megacol column1 first" style="width: 200px;"><ul class="megamenu level1">
<li class="mega first group"><div class="group"><div class="group-title"><a href="http://alag.ru/category/lazernye-kartridzhi/" class="mega first group" id="menu200" title="Лазерные картриджи">
<span class="menu-title">Лазерные картриджи</span>
<span class="menu-desc">Продукцыя компании</span></a>


<li class="mega first haschild">
<a href="#" class="mega first haschild" id="menu27" title="Apple iPad">
<span class="menu-title">Оригинальные картриджи</span></a>
<div style="width: 200px; left: -9999px; overflow: hidden;" class="childcontent cols1 ">
<div style="width: 200px; margin-left: -220px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 200px; min-height: 126px;">
<div class="megacol column1 first" style="width: 200px;">
<ul class="megamenu level2">
<li class="mega first"><a href="#" class="mega first" id="menu34" title="Картриджи HP">
<span class="menu-title">Картриджи HP</span></a></li>
</ul>
</li>


<li class="mega first group"><div class="group"><div class="group-title"><a href="http://alag.ru/category/lazernye-kartridzhi/" class="mega first group" id="menu200" title="Лазерные картриджи">
<span class="menu-title">Лазерные картриджи2</span>
<span class="menu-desc">Продукцыя компании</span></a>
</div>



-->
</div></li></li></ul></div>


<div class="megacol column2 last" style="width: 200px;">
<ul class="megamenu level1"><li class="mega first group">
<div class="group"><div class="group-title"><a href="#" class="mega first group" id="menu201" title="Group 2">
<span class="menu-title">Струйные картриджи3</span>
<span class="menu-desc">Продукцыя компании</span></a>
</div>

<li class="mega first group">
<div class="group"><div class="group-title"><a href="#" class="mega first group" id="menu201" title="Group 2">
<span class="menu-title">Струйные картриджи4</span>
<span class="menu-desc">Продукцыя компании</span></a>
</div>

<div class="group-content"><ul class="megamenu level1">
<li class="mega first haschild">
<a href="http://pspclub.com.ua/index.php?categoryID=135" class="mega first haschild" id="menu27" title="Apple iPad">
<span class="menu-title">Оригинальные картриджи</span></a>
<div style="width: 200px; left: -9999px; overflow: hidden;" class="childcontent cols1 ">
<div style="width: 200px; margin-left: -220px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 200px; min-height: 126px;">
<div class="megacol column1 first" style="width: 200px;">
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи HP">
<span class="menu-title">Картриджи HP</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Canon">
<span class="menu-title">Картриджи Canon</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Epson">
<span class="menu-title">Картриджи Epson</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Samsung">
<span class="menu-title">Картриджи Samsung</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Xerox">
<span class="menu-title">Картриджи Xerox</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Brother">
<span class="menu-title">Картриджи Brother</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Panasonic">
<span class="menu-title">Картриджи Panasonic</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Lexmark">
<span class="menu-title">Картриджи Lexmark</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи Minolta">
<span class="menu-title">Картриджи Minolta</span></a></li>
</ul>
<ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=134" class="mega first" id="menu34" title="Картриджи OKI">
<span class="menu-title">Картриджи OKI</span></a></li>
</ul>
</div></div>
</div></div></li>






<li class="mega haschild"><a href="http://pspclub.com.ua/index.php?categoryID=103" class="mega haschild" id="menu85" title="Apple iPhone">
<span class="menu-title">Совместимые картриджи</span></a>
<div style="width: 200px; left: -9999px; overflow: hidden;" class="childcontent cols1 ">
<div style="width: 200px; margin-left: -220px;" class="childcontent-inner-wrap">
<div class="childcontent-inner clearfix" style="width: 200px; min-height: 66px;">
<div class="megacol column1 first" style="width: 200px;"><ul class="megamenu level2">
<li class="mega first"><a href="http://pspclub.com.ua/index.php?categoryID=102" class="mega first" id="menu77" title="Аксессуары для iPhone">
<span class="menu-title">Аксессуары для iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
<li class="mega last"><a href="http://pspclub.com.ua/index.php?categoryID=104" class="mega last" id="menu78" title="Ремонт iPhone">
<span class="menu-title">Ремонт iPhone</span></a></li>
</ul></div></div>
</div></div></li>



</ul></div></div></li></ul></div></div>
</div></li>

</ul>
</div>

[errante]

Что то какая то мешанина из стилей и html'a, и самое главное файла css с основными стилями нет.
Возьмите за принцип стили отдельно, html - отдельно.
Как реализовано ваше меню: на CSS, на джаве, CSS+jquery, свой способ

В большинстве случаев достаточно просто поиграться стилями.