<div style="background: url('https://s-media-cache-ak0.pinimg.com/originals/06/88/d7/0688d78812c91aa6cb306be99a6babdb.gif'); font-size: 11px;">
<div style="background: url('~~~캐릭터 배경~~~') no-repeat 0px bottom; min-height: 450px;">
<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=2013-06-17 19:14:15&c=000000#.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: #000000; border-radius: 6px; border: 1px solid #ffffff; 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 data-inven-nick-default="신년">
<span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #000000; 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: #000000; 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: #000000; border-radius: 6px; border: 1px solid #000000; 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; border: 1px solid #ffffff; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #000000; 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; border: 1px solid #ffffff; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #000000; 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; border: 1px solid #ffffff; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #000000; 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; border: 1px solid #ffffff; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #000000; 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 #000000;">
<div style="border-bottom: 1px solid #000000; color: #000000;padding: 4px 8px; font-weight: bold;">인장 공사중</div>
<div style="padding: 4px 8px;">
2017.05.13~
</div>
</div>
</div>
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">
<div data-inven-tab-id="1" style="min-height: 300px;"><!-- 메뉴1 내용-->
<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 #000000;">
<div style="border-bottom: 1px solid #000000; color: #000000;padding: 4px 8px; font-weight: bold;">Mabinogi Heroes</div>
<div style="padding: 4px 8px;">
이　비 : 질문 <br>
피오나 : 신년 <br>
델리아 : 첫류 <br>
　린　 : 엘린시야 <br>
</div>
</div>
</div>
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">
<div data-inven-tab-id="2" style="min-height: 300px;"><!-- 메뉴2 내용-->
<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 #000000;">
<div style="border-bottom: 1px solid #000000; color: #000000;padding: 4px 8px; font-weight: bold;">Blizzard entertainment</div>
<div style="padding: 4px 8px;">
배틀태그 : <b>Cafe#31704<br></b>
플레이 가능한 게임 목록<br>
＊OverWatch<br>
＊DiabloⅢ<br>
＊StarCraftⅡ<br>
＊Heroes Of Storm<br>
<br><br><br>
<b>오버워치&디아블로3</b><br> 같이 하실분 친추 주세요!
</div>
</div>
</div>
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">
<div data-inven-tab-id="3" style="min-height: 300px;"><!-- 메뉴3 내용-->
<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 #000000;">
<div style="border-bottom: 1px solid #000000; color: #000000;padding: 4px 8px; font-weight: bold;">사용 데스크탑 환경</div>
<div style="padding: 4px 8px;">
CPU : <br>
M/B : <br>
VGA : <br>
PSW : <br>
- : <br>
- : <br>
- : <br>
- : <br>
- : <br>

</div>
</div>
</div>
<!--새 내용 추가하는 곳-->
</div>
</div>
</div>
</div>

메뉴를 누르면 옆에 잘 출력 되는데 클릭할때마다 상자가 하나씩 아래로 내려갑니다.
어느 부분 수정해야 하나요 ?