메뉴가 원래 이런식으로 되어 있는걸

padding 이랑 font-size를 이용해서

이렇게 맞췄는데

다른 브라우저나 모바일 기기에선 또 깨지네요..

그냥 자동으로 확장되서 깔끔하게끔 하는 방법 없나요?
 

#gnb .a1 {display:block;font-size: 14.89px;position: relative; padding: 0 46px 0 46px;color: #2b2b2b;text-shadow:0 0 3px #EEE !important;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}