디자인 팜에서 해당 내역 선택을 한뒤 고급자용 소스수정을 보면 위와 같이 정의된 내역을 확인을 할 수 있는데요..

이 색상이 마우스오버했을때 나오는 색상입니다. 

이 색상을 변경을 해주시면 됩니다.

말씀하신곳에 #01b2c4 입력을 했어요~ 마우스 오버시 #01b2c4이게 해당영역에 전부 보여야 하는데 메뉴 2/3만 덮여서요. 그래서 문의드린거였어요~ 아래이미지처럼 되어야 하거든요.

현재 메뉴에서 실질적으로 hover이벤트가 적용된곳은 a태그입니다. a태그의 영역은 아래와 같습니다.

a가 display:block;임에도 <div class="item">의 영역보다 작을경우에는 컨텐츠 내에 margin값 버그로 그렇습니다.(브라우저별로 margin값 버그는 조금씩 차이가 있습니다.)

이럴경우에는 margin보다는 padding을 사용하시면 좋습니다.

 

지금 컨텐츠에는 span에 padding까지 있기때문에 부모창이나 a태그에 padding값을 적용해 주시면 됩니다.

 

 

또는 해당컨텐츠가 줄바뀜이 없다고 하면 line-height로 적용도 가능합니다.