Как правильно в данном случае использовать псевдоклассы или исправить то что уже вышло (CSS) - Вопросы по сайтостроению

Вопрос Как правильно в данном случае использовать псевдоклассы или исправить то что уже вышло (CSS)

Регистрация
11 Авг 2013
Сообщения
96
Репутация
0
Спасибо
0
Монет
0
Есть такая проблемка. При наведении на элемент меню срабатывает hover и after но при этом элемент меню смещается на величину (код и как это отображается на картинках)
Была еще задумка сделать position:absolute + .header-menu-link:hover:after:nth-child() уже для каждого элемента отдельно и менять значения top, left. (вообще не знаю используют ли это так как у меня не срабатывает). Скажите пожалуйста как это лучше исправить ?
//otvet.imgsmail.ru/download/34711047_85c245980dbb038fb4d72cb08e3a9ea0_120x120.png//otvet.imgsmail.ru/download/34711047_cba7b51ee8067c9ec1c4d3aff22cb990_120x120.png
 
Регистрация
10 Окт 2013
Сообщения
91
Репутация
0
Спасибо
0
Монет
0
Запомните правило!!! hover не должен изменять размеры, не должен дописывать border, не должен изменять отступы.
 
Сверху Снизу