<ul>
                    <li><a href="#">Главная</a></li>
                    <li class="active"><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>

#header-menu {
    width: 960px;
    height: 33px;
    background: #0b3065;
}
#header-menu ul {
    margin: 0;
    padding: 0;
}
#header-menu ul li {
    float: left;
    list-style: none;
    height: 33px;
    padding: 0 20px;
}
#header-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-top: 9px;
    height: 33px;
}
#header-menu li.active,
#header-menu li:hover {
    background: url(../images/menuhover.jpg) repeat-x;
    height: 35px;
    position: relative;
    top: -1px;
}
#header-menu li.active a,
#header-menu li:hover a {
    color: #0b3065;
    text-decoration: none;
    font-weight: bold;
}