Как подогнать отступы под hover?

Question

[nutritsio]

Привет всем, проблема возникает в том, что при эффекте hover происходит сдвиг. Я понимаю что это игра того 1px который задан в border, но как решить эту проблему я не могу додуматься.
Код: https://jsfiddle.net/14zu3je5/
Спасибо заранее!

Answer 1

[Андрей Федоров]

Что? Какой 1 пиксель бордера? У вас padding при ховере задается, 12 пикселов. https://jsfiddle.net/Ltnsep3j/1/

Answer 2

[Max Medar]

https://jsfiddle.net/14zu3je5/2/

Answer 3

[Дмитрий]

Я бы ещё задал ссылке display: block чтоб средние пункты не наезжали друг на друга
https://jsfiddle.net/t1eh1q8w/

А ещё в таких случаях лучше делай изначальный border с прозрачностью (transparent). Потому что если у тебя изменится фон, то тебе также придется изменять и цвет изначального border-а.

Answer 4

[Сергей Шилов]

Кода и примера нет, но я могу предположить, что у элемента должен быть изначально бордер с color transparent