Dzvene

Ура, помогло, оказывается кто-то еще и вложенной <a></a> прописал outline: medium none

Не из-за этого, а еще есть предположения?

По каким причинам может быть не виден переход по разделам меню, с помощью клавши Tab?

Тоже сделал: надо было !important использовать.

Тут почти все сделано, не могу убрать всего одну лишнюю линию: http://codepen.io/anon/pen/IzihF (За картинку извиняюсь)

Я почти все сделал, не затемняются изображения которые стоят вместо стандартных маркеров Вот код, думаю так будет понятнее: http://codepen.io/Dzvene/pen/ruilt

Делаю выпадающее меню, должно выглядеть так: При ховере на пункт меню появляется подменю. Ширина основного меню - резиновая. При наведении на Пункт4 и Пункт5 меню привязывается к правому краю. Мой код просто ужасен, подскажите пожалуйста как это сделать. .head_menu{ margin:30px 0 30px 0;}.menu { overflow: hidden; padding: 10px; list-style: none;}.menu li{ float: left; margin: 0;}.menu li a{ text-decoration: none; color: #0076d1; font-size: 14px; font-weight: bold; padding: 10px; display: block;}.menu li a:hover{ display: block; border: 1px solid #d0d0d0;}.menu ul li a:hover{ color: #000;}.menu li ul { display:none; position:absolute; width:120px; overflow: hidden; border: 1px solid #d0d0d0;}.menu li:hover ul{ display: block;}.menu ul li{ float: left;}

При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: 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*/}Подскажите пожалуйста как это сделать. И буду благодарен, если скажите замечания по коду.