[kirian222]

.active{
    background: #bba26c;
    color: red;
    border-color: blue;
}

Только что попробовал. Ничего глухо как на кладбище.
Может что в кодах не так!?
HTML.
<ul class="menu">
<li><a href="/index">Главная</a></li>
<li><a href="/index/uslugi/0-7">Услуги</a></li>
<li><a href="/index/nedvizhimost/0-9">Недвижимость</a></li>
<li><a href="/index/contacts/0-6">Контакты</a></li>
<li><a href="/index/zajavka/0-8">Оставить заявку</a></li>
</ul>
<div class="clear"></div>

CSS.
menu, .menu ul {
padding : 0;
list-style : none;
}
.menu {
position : relative;
width : 994px;
height : 39px;
margin : 0 auto;
}
.menu a:hover {
background : #bba26c;
border-color : #888 #777 #bba26c #555;
color : #fff;
}
.menu ul li.active,
.menu ul li a:hover {
background : #bba26c;
border-color : #888 #777 #bba26c #555;
color : #fff;
}

.menu a:hover ul li a {
line-height : 35px;
height : 35px;
float : none;
}
.menu ul li a {
background : #bba26c;
border-color : #888 #777 #444 #555;
border-radius : 0 0 0 0;
color : #000000;
line-height : 1px;
transition : 1.5s;
}
.menu ul {
position : absolute;
top : 37px;
left : 0;
height : 0;
overflow : hidden;
}
.menu li {
float : left;
position : relative;
background : transparent;
}
.menu li a {
width : 138px;
height : 37px;
margin-left : 3px;
background : #E6C98A;
border-radius : 6px 6px 0 0;
display : block;
text-align : center;
line-height : 35px;
border : #8a8686 solid 1px;
border-bottom-color : #fff;
color : #000000;
text-decoration : none;
font-size : 12px;
font-weight : bold;
transition : 0.6s;
}
.menu ul li {
width : 100%;
opacity : 0;
transition : 0.5s;
}
.menu li:hover ul li {
opacity : 1;
}
.menu li:hover ul li a {
line-height : 35px;