인장내용

<a href="#" style="text-decoration:none;" data-inven-over-css="{'target3':{'display':'none'},'target4':{'display':'block'}}" data-inven-out-css="{'target3':{'display':'block'},'target4':{'display':'none'}}"><div data-inven-id="target3" style="width:450px;height:100px;"><img src="https://upload2.inven.co.kr/upload/2015/04/15/bbs/i14679692145.png" style="width:450px;height:100px;"></div><div data-inven-id="target4" style="display:none;" width:450px;min-height:100px;""=""><div style="text-align: center"> <div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #ffa500; border-radius: 6px; border: 1px solid #ffa500; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip="" data-inven-result-detail=""> <span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #ffa500; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span> <span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #ffa500; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span> <span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #ffa500; border-radius: 6px; border: 1px solid #ffa500; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div>  </div></div></a><a href="#" style="text-decoration:none;" data-inven-over-css="{'target1':{'display':'none'},'target2':{'display':'block'}}" data-inven-out-css="{'target1':{'display':'block'},'target2':{'display':'none'}}"><div data-inven-id="target1"><img src="https://upload2.inven.co.kr/upload/2015/12/21/bbs/i13718980381.png" width="438"></div><div data-inven-id="target2" style="display:none;"><img src="https://upload2.inven.co.kr/upload/2015/12/21/bbs/i13734260129.png" width="450"></div></a>



 인장을 꾸미다 보니 지금 현재 문제가 두 가지 발생하였는데

1. 아래 움짤과 같이 이미지 경계에 마우스를 대면 정신없이 움직입니다. 

고민하다 이것 저것 막 바꿔보다 보니까 

마격기 세로길이를 키워 통통하게 바꾸면 나아지긴 하는데

5번, 10번, 모두, 검색 버튼의 크기는 그대로라 너무 이상합니다. 

마격기 사이즈 변경 없이 해결하려면 어떻게 해야 하나요?








2. 마격을 사용하게 되면 확인창을 누르는 과정에서 

마우스 위치가 그림을 이탈하여 마격 내용을 확인하려면 

다시 그림에 마우스를 대야 하는 번거로움이 생깁니다.

이건 이미지를 클릭해야 바뀌는 것으로 하는 것 밖에 방법이 없을까요?