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?