В чем ошибка в меню css?

Question

[shad0wcat]

Добрый день. Подскажите почему при наведении на пункт меню соседние пункты сдвигаются?
codepen.io/anon/pen/LGddMm
Спасибо.

Answer 1

[zdiii]

Исправил

Answer 2

[Антон]

padding:10px;

.nav a {
    padding:10px;
    text-transform: uppercase;
    color: #868686;
    font: 14px 'Lato Regular', sans-serif;
}

Answer 3

[Hello World]

Потому что padding при наведении. Как вариант - codepen.io/anon/pen/WrzJwx

Answer 4

[Kuat Mustafin]

.nav a {
    text-transform: uppercase;
    color: #868686;
    font: 14px 'Lato Regular', sans-serif;
}

.nav li a:hover {
    padding:10px;
    background-color: #ffcc33;
    border-radius: 2px;
}

при .nav li a:hover у вас добавляется padding:10px;, добавьте padding к .nav li a