Доброе время суток, подскажите пожалуйста как добавить еще два столбика в меню в бок и сделать так чтобы они не зализали друг на друга и между ними была ограждающая линия пока получилось написать только 3 столбика остальное уходит в низ и еше не видно
<li class="mega-parent pos-rltv"><a href="shop.html">Католог</a>
<div class="mega-menu-area mma-800">
<ul class="single-mega-item">
<li class="menu-title uppercase">ГИДРОИЗОЛЯЦИОННЫЕ МАТЕРИАЛЫ</li>
<li><a href="shop.html">Рулонные наплавляемые материалы
</a></li>
<li><a href="shop.html">Мастики и герметики
</a></li>
<li><a href="shop.html">Профилированные мембраны
</a></li>
<li><a href="shop.html">Полимерные мембраны
</a></li>
</ul>
<ul class="single-mega-item">
<li class="menu-title uppercase">Кровля
</li>
<li><a href="shop.html">Гибкая черепица технониколь shinglas</a></li>
<li><a href="shop.html">композитная черепица технониколь luxard </a></li>
<li><a href="shop.html">подкладочные материалы</a></li>
<li><a href="shop.html">Katepal</a></li>
<li><a href="shop.html">Braas</a></li>
<li><a href="shop.html">Дополнительные элементы</a></li>
</ul>
<ul class="single-mega-item">
<li class="menu-title uppercase">Теплоизоляция</li>
<li><a href="shop.html">Огнезащита и техническя изоляция</a></li>
<li><a href="shop.html">Теплоизоляция на основе каменной ваты</a></li>
<li><a href="shop.html">Экструзионный пенеполистирол</a></li>
</ul>
<ul class="single-mega-item">
<li class="menu-title uppercase">Система водоотвода</li>
<li><a href="shop.html">Водосточная система ТехноНиколь</a></li>
<li><a href="shop.html">Водостояная система Grand Line</a></li>
<li><a href="shop.html">Водостояная система Hunter</a></li>
<li><a href="shop.html">Поверхностный водоотвод standartpack</a></li>
</ul>
<ul class="single-mega-item">
<li class="menu-title uppercase">Мансардные окна</li>
<li><a href="shop.html">Velux</a></li>
</ul>
<ul class="single-mega-item">
<li class="menu-title uppercase">Пенетрон проникающая гидроизоляция</li>
<ul class="single-mega-item">
<li class="menu-title uppercase">Фасады</li>
<li><a href="shop.html">Фасадная плитка<br/>технониколь HAUBERK</a></li>
</ul>
</ul>
<div class="mega-banner-img">
<a href="single-product.html"><img src="images/banner/banner-fashion-02.jpg" alt=""></a>
</div>
</div>
</li>
css код
.main-menu li.mega-parent {
position: static;
}
.mega-menu-area {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ececec;
box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
left: 0;
padding: 20px 30px;
position: absolute;
text-align: left;
top: 100%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
z-index: 2;
.mega-menu-area.mma-800 {
width: 800px;