Это дополнительно к ответу, так как тема закрыта, в личном сообщение попросили ответить, и как вариант, чтоб все запросы корректны были. Это пишем не сильно длинные ключевые слова, чтоб не было 2 строки, также увеличил ширину дизайна под запросы, что самостоятельно уже можете настроить в CSS, где добавил padding: 10px 0px 10px 5px; для редапкции, но и сменил класс на более понятный.
Код
<div id="navigation">
<ul>
<li><a href="/">Сотрудники</a></li>
<li><a href="/">Фотогалерея</a></li>
<li><a href="/">Видео</a></li>
<li><a href="/">Проекты</a></li>
<li><a href="/">Издания</a></li>
<li><a href="/">Доступная среда</a></li>
<li><a href="/">ГО и ЧС</a></li>
<li><a href="/">Независимая</a></li>
<li><a href="/">Противодействие</a></li>
<li><a href="/"> Музей истории</a></li>
</ul>
<div>
CSS
Код
body{margin:12 auto;padding:0;font:78% Arial, Helvetica, sans-serif;background:#e6fff5
}
#navigation {
clear:left;float:left;width:205px;margin:0 0 0px 0;padding:0;font-size:0.9em
}
#navigation ul{list-style:none;width:100%;margin:0 0 10px 0;padding:0;font-size:14px
}
#navigation li{
margin-bottom:4px
}
#navigation li a {
font-weight: bold;
height: 100%;
text-decoration: none;
color: #215d92;
display: block;
padding: 5px 0 0 8px;
background: #fdfdfd;
border-left: 5px solid #2a77c3;
/* margin: 8px 4px 8px 4px; */
padding: 10px 0px 10px 5px;
}
#navigation li a:hover {
background: #2467a9;
color: #f9f6f6;
border-left: 5px solid #2a69c3;
}
Демонстрация
Продолжение темы: /forum/115-8702-1
