Панель навигации — выделить фон, если URL-адрес активен? ⇐ CSS

[Anonymous]

У нас в Magento есть стандартная панель навигации. Мне удалось продублировать ее (путем копирования и редактирования фрагментов HTML/CSS) и разместить ее под исходной панелью навигации — так что фактически у нас их две.Исходная панель навигации работает через код Magento и определяет, активен ли URL-адрес категории, после чего панель навигации для этой категории выделяется красным.
Теперь я хочу попробовать и повторить это. Я делаю это локально.
HTML:

Код: Выделить всё

[list]
[*][url=http://127.0.0.1/foscamsite/downloads]Downloads[/url]
[*][url=http://127.0.0.1/foscamsite/forum]Forum[/url]
[/list]

CSS:

Код: Выделить всё

.nav-container2 { width:940px; margin:auto; height:30px;}
#nav2 { width:547px; height:40px; float:right; margin:1px 0 0 0; font-size:105%; background:url(../images/bg-nav.png) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; }
#nav2 li { position:relative; text-align:left; }
#nav2 li.over { z-index:998; }
#nav2 a,
#nav2 a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav2 span { display:block; cursor:pointer; white-space:nowrap; }
#nav2 li ul span {white-space:normal; }
#nav2 ul li.parent a { background:url(../images/bkg_nav2.gif) 100% 100% no-repeat; }
#nav2 ul li.parent li a { background-image:none; }
#nav2 li { float:left; margin:0 1px 0 0; }
#nav2 li.active a { background:url(../images/bg-nav-hover.png) 0 0 repeat-x; color:#fff; }
#nav2 a { float:left; padding:12px 14px 11px; color:#787878; font-size:105%;  }
#nav2 li.over a,
#nav2 a:hover { background:url(../images/bg-nav-hover.png) 0 0 repeat-x; color:#fff; }

Появилось ощущение, что часть этого CSS не нужна, просто не знаю, с чего начать его модификацию.

Подробнее здесь: https://stackoverflow.com/questions/123 ... active-url