현상 1. 네번째 버튼과 다섯번째 버튼이 간격이 너무 넓습니다.





현상 2. 박스가 오른쪽으로 밀려납니다.





현상 3. 박스가 아래로 밀려나기도 합니다.




위의 현상들을 해결할 수 있는 방법이 있을까요..?


추가로 희안하게 인벤토리에서는 버튼들과 상자의 위치가 정상적입니다




밑은 이 인장툴입니다..

<div style="background: url('~~~첫 배경~~~'); font-size: 11px;">
<div style="background: url('~~~캐릭터 배경~~~') no-repeat 0px bottom; min-height: 400px;">
<div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2015-04-18 22:17:49&c=fbb2ab#.png'); height: 20px;"></div>
</div>
<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: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; 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; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #fbb2ab; padding: 0 2px; height: 17px;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fbb2ab; 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: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div>
<div data-inven-tabs style="padding-top: 16px;">
<div style="float: left;">
<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">메인</div>
<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">그린 인장</div>
<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">받은 인장</div>
                        <div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">게임 사진</div>
                        <div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">게임 정보</div>
<!--새 버튼 추가하는 곳-->
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">
<div data-inven-tab-id="0" style="min-height: 300px;"><!--메인 메뉴 내용-->
<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<div style="border-bottom: 1px solid #fbb2ab; color: #fbb2ab;padding: 4px 8px; font-weight: bold;">수인의 인벤토리</div>
<div style="padding: 4px 8px;">
인장 공사 중..
</div>
</div>
</div>


<div data-inven-tab-id="1" style="display: none;"><!--메뉴 1 내용-->
<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<h1 align="left"><img width="300" src="https://upload2.inven.co.kr/upload/2016/09/16/bbs/m10824904506.jpg"></h1>
</div>
</div>
                        <div data-inven-tab-id="2" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<img width="300" src="https://upload2.inven.co.kr/upload/2016/09/16/bbs/i12033341944.jpg">
<br /> 인벤 책상님 감사합니다

                        </div>
                        </div>
                        <div data-inven-tab-id="3" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<br />블레이드&소울
<img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10379674065.jpg">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10963570618.jpg">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10908188952.jpg">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10947234300.jpg">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10981314997.jpg">
<br />
<br />
<br />테라
<br />
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12737644668.png">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11651364681.png">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11653298448.png">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11659716276.png">
<br /><br /><img width="350" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11671483248.png">


                        </div>
                        </div>



                        <div data-inven-tab-id="4" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<img width="300" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12643432676.jpg">
<br />Update : 2016.9.17
<br />오버워치 다이아 3108점
<br />테라 - 벨릭의 은총 (별자리 길드)
<br />65Lv. 창기사  소양
<br />65Lv. 검투사  감동맷감
<br />65Lv. 비검사  나이트나
<br />65Lv. 궁수    배경
<br />65Lv. 사제    수인형
<br />65Lv. 정령사  수정구슬
<br />65Lv. 마법사  Southavenue
<br />65Lv. 광전사  Westavenue
<br />65Lv. 마공사  Centralavenue
<br />61Lv. 인술사  프레피
<br />61Lv. 권술사  엘린권술좀
<br />48Lv. 무사    Thridavenue
<br />블레이드앤 소울 - 경국지색
<br />50Lv. 10성 린검사 검투사엘린
<br />50Lv. 12성 소환사 정령사 린
<br />>50Lv. 12성 기공사 남쪽에 핀 얼음꽃
</div>
</div>
<!--새 내용 추가하는 곳-->
</div>
</div>
</div>
</div>