Joomla 1.5 стиль для внешней ссылки когда она активна

Доброй ночи!
Пытался найти ответ на форуме, но поиска не увенчались успехом.
Суть вопроса:
У меня есть две внешние ссылки:

Код (CODE):

1. <div id="leftcolumn">  
2.                                 <div class="module_menu">
3.             <div>
4.                 <div>
5.                     <div>
6.                                                     <h3>Меню</h3>
7.                                                 <div class="modulefont">
8.                         <p class="modulefont_"> </p>
9.                     <ul class="menu"><li class="item1"><a href="http://ok.com/"><span>Главная</span></a></li><li class="item22"><a href="http://ok.com/ru/component/estateagent/?act=cat&amp;task=showCE&amp;id=2"><span>Отдых в Крыму</span></a></li><li class="item28"><a href="/ru/transfer.html"><span>Трансфер по Крыму</span></a></li><li class="item23"><a href="ok.com/ru/component/estateagent/?act=cat&amp;task=showCE&amp;id=5"><span>Зарубежный туризм</span></a></li><li class="item27"><a href="/ru/toury.html"><span>Туристу</span></a></li><li class="item26"><a href="/ru/realtevp.html"><span>Недвижимость в Евпатории</span></a></li><li class="item21"><a href="/ru/about.html"><span>О нас</span></a></li><li class="item29"><a href="/ru/contact.html"><span>Контакты</span></a></li></ul>                  <p class="modulefont_"> </p>
10.                     </div><div class="modtbottom"></div>
11.                     </div>

В частности <li class="item23" нужно, чтобы когда я нахожусь на этой страничке ссылка была активна,в моё случае с фоном.
Делаю цсс:
#leftcolumn .li.item22 a:link, a:active{
background: transparent url(../images/row_hover_left_col.png) top left no-repeat;
font-weight: bold;
font-size: 12px;
font-family: Tahoma, Arial,sans-serif;
color: #fff;
text-transform: uppercase;
}
не работает (
Может быть что-то не так для ссылки на которой я сейчас нахожусь? Помогите, пожалуйста, спасибо!

 

В идеале это должно было быть так:

Код (CODE):

1. #leftcolumn ul.menu li.item22 a,#leftcolumn ul.menu li.item22 a:link {
2.     background: transparent url(../images/row_hover_left_col.png) top left no-repeat;
3.     font-weight: bold;
4.     font-size: 12px;
5.     font-family: Tahoma, Arial,sans-serif;
6.     color: #fff;
7.     text-transform: uppercase;
8. }
9. #leftcolumn ul.menu li.item22 a:hover {
10.     background: transparent url(../images/row_hover_left_col.png) top left no-repeat;
11.     font-weight: bold;
12.     font-size: 12px;
13.     font-family: Tahoma, Arial,sans-serif;
14.     color: #fff;
15.     text-transform: uppercase;
16. }

но тогда эта ссылка постоянно активна ((((((((( А нужно, чтобы только когда я нахожуь в этом разделе

 

class="active" присваивается насколько я знаю не для ссылки (<a href=""></a>), а для <li> то есть выглядит это так <li class="active"><a href="">текст</a></li> значит тебе нужна тогда такая запись

Код (CODE):

1. #leftcolumn li.active a{
2. И скорей всего понадобится display:block;
3. background: transparent url(../images/row_hover_left_col.png) top left no-repeat;
4. font-weight: bold;
5. font-size: 12px;
6. font-family: Tahoma, Arial,sans-serif;
7. color: #fff;
8. text-transform: uppercase;
9. }