Выдвижное вертикальное меню CSS

Вопрос по следующему меню: демо
В рассмотренном меню выдвижное доп меню фиксированное и имеет пять пунктов. Я его переделал под себя и через код:

<div class="link_drop">  
  <a href="http://poweredhouse.ru/category/programs/" class="link_drop_top">ПРОГРАММЫ</a>  

		  <?php
$kat = 4;
$na_akran = '<x>' . "\n";
$dochernii_kategorii = get_categories('child_of=' . $kat . '&hide_empty=0');
foreach ($dochernii_kategorii as $dochernaya_kategoria) :
	if ($kat == $dochernaya_kategoria->category_parent) :
		$na_akran .= "\t" . '<a href="' .
			get_category_link($dochernaya_kategoria->cat_ID) . '" title="' .
			$dochernaya_kategoria->category_description . '">';
		$na_akran .= $dochernaya_kategoria->cat_name . '</a>';

	endif;
endforeach;
$na_akran .= '</x>' . "\n";
print $na_akran;
?>

  </div>

уже выводиться не фиксированное количество пунктов, а все, которые есть в рубрике.
Но к сожалению не могу вернуть плавность раскрывания. Вся загвоздка в настройке стиля. У исходника:

.link_drop:hover {height: calc(31px + 31px * 5);}

В моем случае:

.link_drop:hover {height: 100%;}  

Какие есть соображения?