ри наведении на ссылку, остальные должны темнеть (становится серыми)

[Dzvene]

При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть.

Пример:

http://programmersforum.ru/attachmen...1&d=1392716952

Вот код:

HTML :
 
<div class="menu_content">
            <ul>
                <li class="home"><a href="#">Главная</a></li>           
           </ul>
 
 
CSS:
 
.menu_content{
    margin: 30px 0 30px 0;
}
.menu_content ul{
    padding: 10px;
    vertical-align: middle;
 
}
.menu_content ul li{
    margin: 3px 0 3px 0;
    list-style-position: inside;
}
.menu_content ul li a{
    text-decoration: none;
    color: #404040;
    padding: 5px 20px;
    display: block;
    margin: 0 0 0 10px;
}
.menu_content ul li a:hover{
    color: #010101;
}
.home{  
    background: url(../images/sprite.png) 0 4px no-repeat;   /*Используется sprite*/
}

[Naive]

http://jsfiddle.net/Na1ve/ww3E8/1/

[Dzvene]

Сообщение от Naive

http://jsfiddle.net/Na1ve/ww3E8/1/

Спасибо, а еще не подскажите, как быть в случае если в <li> заключена ссылка, маркеры остаются не затемненными.

http://codepen.io/Dzvene/pen/ruilt

[Naive]

отдельно на ссылки и отдельно пункты меню стиль писать. Текстовые свойства у ссылок не поддерживают наследования

[Dzvene]

Сообщение от Naive

отдельно на ссылки и отдельно пункты меню стиль писать. Текстовые свойства у ссылок не поддерживают наследования

Спасибо, сделал,))

[Dzvene]

Хотя нет, вместо маркеров стоят изображения, они не темнеют как обычные маркеры((

Пытаюсь -webkit-filter: grayscale(100%); использовать, так у меня и активные и неактивные маркеры темнеют.