에디터 프리뷰와 인벤 인장 미리보기 화면에서는 아무런 문제가 없는데

실제 적용화면에서는 계속 위치가 어긋납니다. 뭐가 문제인지 모르겠네요..



이걸 하고 싶은건데



자꾸 이렇게 제대로 적용이 안됩니다.

제 스크립트를 한번 봐주실수 있나요 ㅠ_ㅠ

<div style="padding-top: 20px">
<div style="background: url('https://media.giphy.com/media/NPmkGKJCeHzyM/giphy.gif') no-repeat; min-height:280; padding-top: 0px;">
<!-- top side string (days calc) -->
    <div style="text-align:center; padding-top: 3px; padding-bottom: 3px; background-color: rgba(255,255,255,0.6);">
        <span style="font-size: 11; color: black; font-family: Verdana;">
            <strong>Desc'o Light</strong> on Cactuar(NA) Since 04-09-2017 for
            <strong><span data-inven-dday="2017-04-09"></span></strong> days and counting
        </span>     
    </div>

    <div style="font-family: verdana; font-size: 10px; padding-top: 230px; padding-right: 5px;">
        
        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(80, 80, 80);">
<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 
data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"
data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">
<div style="text-align: center">
   ALL
</div></div></div>
        
        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(120, 120, 120);">
<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 
data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"
data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">
<div style="text-align: center">
   20
</div></div></div>
        
        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(160, 160, 160);">
<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 
data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"
data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">
<div style="text-align: center">
   10
</div></div></div>
        
        <div style="width:60px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(220, 220, 220); text-align: center;">
<font size="1"><strong>Attack!</strong></font>
        </div></div>
        </div>
    </div>