Не хочет отображаться активная ссылка навигации

[antony]

Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации:

<nav id="nav">
<div class="sticky-nav">
<div class="pages">
<ul class="list">  
<li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li>
<li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li>
<li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span></a></li>
<li class="add"><a href="{router page='topic'}add" class="create button-add"><span>Добавить рецепт</span></a></li>
{hook run='main_menu_item'}
</ul>
{hook run='main_menu'}
</div>
</div>
</nav>

CSS стиль для данного блока имеет вид:

.sticky-nav{position:relative;height:55px;clear:both}
.pages{font-family:Georgia;zoom:1;padding:0;height:55px;clear:both;width:100%;z-index:500;display:block;background:url(../images/new.png) repeat-x 0 0}
.pages ul.list{clear:both;height:55px;list-style:none;display:block;width:980px;margin:0 auto;position:relative}
.pages li{float:left;position:relative;line-height:48px;background:url(../images/new.png) repeat-x 0 0;font-size:20px}
.pages li a.headmenu{display:block;color:#fff;text-decoration:none;padding:0 15px;margin-right:2px;height:48px}
.pages li a.headmenu span{border-bottom:1px solid}
.pages li a.headmenu:hover {height:55px; background: url(../images/ahoover.png) repeat-x; border-radius: 0px 0px 10px 10px; }
.pages li.active a.headmenu {height:55px; background: url(../images/ahoover.png) repeat-x; border-radius: 0px 0px 10px 10px;} 
.pages li.add{position:relative;float:right;background:none;padding-right:0;margin-right:70px; width:240px}
.pages li.add .create{top:0;position:relative;display:block;text-align:center;line-height:48px;height:55px;font-size:20px}
.pages li.add .create span{border-bottom:0}
.button-add {height: 55px; width:240px; cursor:pointer;text-decoration:none;background: url(../images/adrecept.png) repeat-x bottom;color:#fff!important;}     
.button-add:hover {text-decoration:none;background: url(../images/adrecept_hover.png) repeat-x bottom;}  
.login-form .button-green{float:right;font-size:18px;font-weight:400;cursor:pointer}

Как бы я не прописывал код для нажатой активной ссылки, чтобы для зажатго элемента меню было {height:55px; background: url(../images/ahoover.png) repeat-x; border-radius: 0px 0px 10px 10px;}, как и для элемента меню при наведении - ничего не помогает. Пробовал и .pages li a.headmenu.active и .pages li a.headmenu.active навигация не зажимается. Подскажите как правильно прописать .pages li a.headmenu.active?

[DownHouse]

Вы уверены что класс active присваивается текущему пункту меню? Страничку покажите.