menu에 border 적용시 칸이 움직이는 에러 해결

menu들을 선택할 때 메뉴가 들쑥날쑥 움직이는 에러를 해결

메뉴에 마우스가 올라갔을 때 border와 background-color를 변하도록 지정했더니, 기존 사이즈에서 border가 적용되어서 사이즈가 바뀌면서 메뉴들이 움직이는 에러를 발견했다.

해결방법

평소에는 border: transparent;를 주고,

마우스 hover일 때는 border: color 지정
을 해주었더니 각 메뉴의 범위가 커졌다 작아졌다하면서 움직이던 것을 해결할 수 있었다.