Сложное меню - в простой список. Как?

[bose]

Здравствуйте.

Никак не могу разобраться, помогите пожалуйста. Это меню, вплывающие.

Вот так это выглядит вживуюhttp://demo.cs-cart.com/index.php Проблема, со следующим - необходимо вывести подкатегори не в выпадающей вкладке, а под основным родительским: просто списком.

Вполне возможно, вопрос, вам покажется идиотическим, но все таки - возможно это реализовать через css? И собственно как?

Спасибо.

#vmenu { /* Common style */
 margin: 0px;
 padding: 0px;
 list-style: none;
 font-size: 12px;

}

#vmenu ul { /* Root items */
 padding: 1px;
 margin: 0px;
 list-style: none;
 width: 169px;
 z-index: 99;
 overflow: visible;
 position: absolute; 
 background-color: #ffffff;
 border: 1px solid #6faadd;
}

#vmenu li.has-children { /* Any item with children */
 position: relative;
 width: 154px;
 display:block;
 background: #f7f7f7 url('images/category_collapsed.gif') no-repeat 150px;
 padding-right: 15px;
}

#vmenu li.has-children:hover, #vmenu a.has-children:hover { /* Any item with children - hover */
 color: #333333;
 background: #c7ebf9 url('images/category_expanded_emenu.gif') no-repeat 150px;
}


#vmenu li > a.has-children:hover, #vmenu li:hover > a.has-children:link, #vmenu li:hover > a.has-children:visited { /* Parents of selected item - do no hide focus from them */
 color: #333333;
}

#vmenu li { /* Any item without children */
 position: relative;
 width: 154px;
 display: block;
 background-color: #f7f7f7;
 padding-right: 15px;
}

#vmenu li:hover, #vmenu a:hover { /* Any item wihout children - hover */
 color: #333333;
 background-color: #c7ebf9;
}

#vmenu li.h-sep { /* Horizontal separator */
 margin: 0;
 padding: 0;
 height: 2px;
 line-height: 1px;
 font-size: 1px;
 background: url('images/emenu_delim.gif') repeat-x center center;
 width: 169px;
}

#vmenu li.h-sep:hover { /* Horizontal separator */
 background: url('images/emenu_delim.gif') repeat-x center;
 width: 169px;
}

#vmenu ul li { /* 2nd+ level items */
 background-color: #ffffff; 
 font-size: 11px; 
 background-image: none;
 width: 154px;
}

#vmenu ul li.has-children { /* 2nd+ level items with children */
 background-color: #ffffff; 
}


#vmenu a, #vmenu li ul li a { /* 2nd+ level items (a tag) */
 text-decoration:none; 
 color: #333333;
 font-weight: bold;
 display:block;
 padding: 5px 4px 6px 12px;
}

#vmenu li ul li a { /* 2nd+ level items (a tag) */
 padding: 4px 4px 4px 12px;
}

#vmenu ul { /* submenu offset relating to root items */
 display: none; 
 position: absolute; 
 top:0; 
 left: 169px;
}

#vmenu li:hover > ul { /* Show children */
 display: block; 
}

#vmenu li ul li.h-sep { /* Horizontal subcategories separator */
 margin: 0;
 padding: 0;
 height: 1px;
 line-height: 0.1px;
 font-size: 1px;
 background: url('images/emenu_subcats_delim.gif') repeat-x;
}

#vmenu li ul li.h-sep:hover { /* Horizontal subcategories separator */
 background: url('images/emenu_delim.gif') repeat-x center;
}

/* Win IE only */
* html #vmenu li {float:left; width: 169px; padding-right: 0px;}
* html #vmenu li.has-children { width: 169px; padding-right: 0px;}
* html #vmenu ul {left: 170px;}
* html #vmenu a {width: 154px;}
/* end holly hack */

[Vlad]

Без HTML сложно сходу сказать, но попробуй убрать display для подкатегорий.