Пункты горизонтального меню не по центру - Вопросы по CSS

Добрый день!
Подскажите, пожалуйста, такую ситуацию:
Начал заниматься настройкой выпадающего меню через CSS, но почему-то никак не получается выровнять пункты, что бы были нормально. Сайт snwm.ru
1) В верхнем меню названия кнопок прилипли к верхушке
2) при наведении на выпадающий пункт, появляется лишний элемент справа

Решение для 1)

Альтернативное решения для 1)

Альтернативное решения для 1)

Код: css

#nav a {
line-height:45px;
}

Тогда подпункты ползут

Тогда подпункты ползут

Решение для 2)

Решение для 1)

Спойлер

[свернуть]

А так совсем все потекло

height: 50px;
#nav {
    font-weight: bold;
    height: 50px;
}

Ага, вижу, меняете по-маленьку. Сразу исправленное решение для 2)

Код: css

#nav li a {
line-height:45px;
}

#nav li li a {
line-height:100500px; //тут подберёте
}

Решение для 2)

Код: css

#knop #nav li li:hover,
#knop #nav a:hover {background:none;}

Почему-то у второго подпункта меню нет фона