Question

Друзья, может кто-то уже реализовывал себе, подскажите.
Есть стандартное вертикальное меню - left.menu.php
содержимое компонента такое:

Код

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <?if (!empty($arResult)):?> <ul class="left-menu"> <? foreach($arResult as $arItem):    if($arParams["MAX_LEVEL"] == 1 && $arItem["DEPTH_LEVEL"] > 1)       continue; ?>    <?if($arItem["SELECTED"]):?>       <li><a href="<?=$arItem["LINK"]?>" class="selected"><?=$arItem["TEXT"]?></a></li>    <?else:?>       <li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>    <?endif?>     <?endforeach?> </ul> <?endif?>

Содержимое файла стилей:

Код

/* Left menu*/ ul.left-menu {    list-style:none;    margin:0; padding:0;    margin-bottom:8px;    position: relative; /*IE bug*/ } ul.left-menu li {    padding: 10px 16px;    background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a {    font-size:100%;    color:#BC262C;    font-weight:bold;    text-decoration:none; } ul.left-menu li a:visited {    color:#BC262C; } ul.left-menu li a:hover {    color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover {    color:#FC8D3D; }

Необходимо добиться следующего - чтобы независимо от количества добавленных пунктов, меню по вертикали всегда было одинаковым (например 220 px), а пункты соответственно растягивались по высоте, занимая все 220 px.

Возможно ли сделать это только стилями, или надо скриптом как то подсчитывать количество пунктов, затем 220 px делить на кол-во имеющихся пунктов и позже задавать в стилях соответственно высоту каждого элемента [*].

Можно ли это условие как то прописать непосредственно в шаблоне меню или в стилях?