[문의] 인장 제작에 도움 요청해 봅니다ㅠ

안녕하세요! 막히는 게 있어서 이렇게 문의글 올려보네요ㅠ

일단 이 인장에서 문제점이 마격버튼과 쪽지버튼이 정상 작동을 안 하구요

또 약간 짤리기까지 하네요ㅠ

그거랑 나머지 3개 버튼을 눌렀을 때 뜨는 칸이 인장 밖으로 벗어나는데

저 선(border 이용한 건데요)을 425px만큼만 그을 방법이 없을까요?

마지막으로 인장 적용하고 나면 외부링크 칸 옆에 파란색 언더바가 계속 생겨나는데

이건 뭐 때문에 생겨나는 건지도 모르겠네요ㅠㅠ

현재 인장 코드는 이렇습니다!

 <!-- 메인 이미지 -->

<div>

 <img src="https://upload2.inven.co.kr/upload/2018/01/03/bbs/i15600608517.png" border-style: none; width: 425px;>

</div>

<!-- 마격 -->

<div style="background: url(https://upload2.inven.co.kr/upload/2018/01/03/bbs/i14466115800.png)no-repeat; width: 425px; overflow: hidden;>

 <div data-inven-action="" data-inven-nick-default="아이리리카" border-style: none;>

  <span data-inven-attr-for="input" style-"display:none;">

  </span>

  <span data-inven-attr-for="last-attack-all">

  </span>

 </div>

</div>

<!-- 쪽지 -->

<div style="background: url(https://upload2.inven.co.kr/upload/2018/01/03/bbs/i14447179022.png)no-repeat; width: 425px; overflow: hidden;>

 <div data-inven-action="" data-inven-nick-default="아이리리카" border-style: none;>

  <span data-inven-attr-for="input" style="display:none;">

  </span>

  <span data-inven-attr-for="send-note">

  </span>

 </div>

</div>

<!-- 받은 인장 -->

<a href="#" data-inven-toggle="seal1">

 <img src="https://upload2.inven.co.kr/upload/2018/01/03/bbs/i14420767013.png" border-style: none; width: 425px;>

</a>

<div data-inven-id="seal1" style="width: 425px; border-left: 4px solid #F23B4C; border-right: none; border-top: none; border-bottom: 1px solid #F23B4C; padding: 10px; margin: 0px; display: none;">

 <text style="align: center;">

<b>! 아직 받은 인장이 없습니다 !</b>

 </text>

</div>

<!-- 마영전 -->

<a href="#" data-inven-toggle="seal2">

 <img src="https://upload2.inven.co.kr/upload/2018/01/03/bbs/i14493407566.png" border-style: none; width: 425px;>

</a>

<div data-inven-id="seal2" style="width: 425px; border-left: 4px solid #F23B4C; border-right: none; border-top: none; border-bottom: 1px solid #F23B4C; padding: 10px; margin: 0px; display: none;">

 <text style="align: left;">

<b>★ 획득 아이템 목록 ★</b><br>

2017.12.31 은은한 인챈트 스크롤<br>

2018.01.01 하얀 고양이 브로치

 </text>

</div>

<!-- 외부 링크 -->

<a href="#" data-inven-toggle="seal3">

 <img src="https://upload2.inven.co.kr/upload/2018/01/03/bbs/i14439710836.png" border-style: none; width: 425px;>

</a>

<div data-inven-id="seal3" style="width: 425px; border-left: 4px solid #F23B4C; border-right: none; border-top: none; border-bottom: 1px solid #F23B4C; padding: 10px; margin: 0px; display: none;">

 <text style="align: center;">

<b>! 준비중 !</b>

 </text>

</div>

머리를 굴려본다고 굴려보고 있는데

뭔가 꽉 막혀서 이렇게 문의글 올려봅니다ㅠㅠㅠ