Как подчеркнуть активный пункт меню?

Question

[ssvv96]

Добрый вечер. Помогите разобраться как как подчеркнуть текущий (не выделенный, а тот который соответствует текущему пути) пункт меню? заранее спасибо за подсказку

само меню:

<ul class="main-menu">
            <li><a href="/">Главная</a></li>
            <li><a href="/route/about/">О нас</a></li>
            <li><a href="/route/contacts/">Контакты</a></li>
            <li><a href="/route/news/">Новости о нашем проекте</a></li>
            <li><a href="/route/catalog/">Каталог выполненных проектов </a></li>
        </ul>

а это не сработало:

.main-menu li a:active {
    padding: 6px 10px;
    text-decoration: underline;
    display: block;
    color: #ffffff;
    background: url(i/fl-bg-hover.gif) bottom repeat-x #67bdff;
    font-size: 16px;
}

Answer 1

[Froggyweb]

Ну или сервер расставляет классы прямо в разметке