Доброго дня всем.
Суть проблемы такова:
- в конце лендинга (перед футером) делаю кнопку, у кнопки в обычном состоянии ширина бордюра 1px, при наведении ширина бордюра 2px. И вот как раз в тот момент когда наводишь на кнопку курсор и изменяется ширина бордюра, div подвала смещается вниз на 1px.
Для работы контейнера это логично - контейнер наполняется и div растягивается. Но видел на одном из сайтов подобное и там ничего не сдвигается, никаких премудростей не накодено.
Как можно избежать сдвига нижнего div'а?

1) Сделать бордер до наведения - цветом фона, и красить при наведении.
2) запихнуть кнопку в div и сделать относительное позицианирование.
3) Изменять высоту кнопки при наведении , чтобы все было одной высоты До и После.

Ещё вместо border можно использовать outline или box-shadow, они не влияют на ширину блока.