Форумы портала PHP.SU :: списки html выпадающее меню пока без анимации

Здравствуйте помогите пожалуйста правильно сверстать выпадающее меню пока без анимации на jquery (анимацию сам сделаю) просто их правильно выстроить, это меню динамическое, вложенность может быть бесконечная
http://sheepskin[dot]pinokio[dot]in[dot]ua/ Меню только горизонтальное, необходимо чтобы дубленки и кожанные куртки как категории родителя "товары и услуги" были друг под другом а уже женские дубленки и женские куртки соответственно были справа от соответствующей подкотегории, как это осуществить, помогите пожалуйста

CODE (html):
скопировать код в буфер обмена

 
<ul class="main_menu">
    <li><a href="page/">Главная</a></li>
    <li>Товары и услуги
          <ul class="main_menu">
                 <li><a href="page/">Дубленки</a>
                        <ul class="main_menu">
                                <li><a href="page/">Женские дубленки</a></li>
                         </ul>
                   </li>
                     <li><a href="page/">Кожанные куртки</a>
                            <ul class="main_menu">
                                   <li><a href="page/">Женские куртки</a></li>
                            </ul>
                      </li>
                 </ul>
             </li>
      </ul>             
        
 

CODE (html):
скопировать код в буфер обмена

 
#main_menu ul{
width:100%;
height:100px;
background:#ee3;
position:relative;
}
#main_menu ul li{
float:left;
position:relative;
display:inline-block;
padding:0 10px;
cursor:pointer;
background:#eee;
}
 
#main_menu ul li a{
 
position:relative;
display:inline-block;
padding:0 10px;
cursor:pointer;
background:#5e5;
}
 