브라우저 줄일 때 메뉴가 쭈글쭈글찌글찌글 해지는 것에 대해서 질문 드려요.

요즘 지식을 쌓느라 부쩍 질문글을 많이올리는점 양해 부탁드립니다. ^^;

다름이아니오라 

http://cssmenumaker.com/menu/flat-accented-dropdown-menu 에서 소스를 다운받아서 xe에 적용시켜보았는데 문제점이 있는데 해결이 안되네요 오늘 하루종일 이거로 씨름했네요..ㅎㅎ;

아래 사진 2장중 위의 사진은 일반적으로 홈페이지가 펼쳐져 있을 때 정상적으로 위쪽 메뉴가 나오는 부분이구요

아래쪽사진은 브라우저를 가로로 줄였 을 때, 찌그러지는 현상이에용

width값을 % 로 하지않고 px로 해도 그렇구.. height 값을 줘도 그렇고.. position absolute 로 해버리면 홈페이지가 그냥 깨져버리고..^^;; 머리가 복잡하네요. 물론 제가 잘못 적용해봤을 수 도 있습니다 ^^;;

현재 스크린샷과 똑같이 적용된 사이트는 - 입니다.

뭉퉁하게라도 힌트를 주시면 감사드리겠습니다 ㅎㅎ

_._) 읽어주셔서 감사합니다

layout.html 소스 

-삭제-