<script type="text/javascript" src="/shop/data/skin/interactive/img/main/mocha2.js"></script>
<table class=float style="float:right; margin-top:10px;" width=500 height=300 >
<tr><td>
<div id="container" class="yk1"> 
<div id="gallery" class="yk1">
      <a href="http://marshmall.com" ><img src="../img/main/1.jpg" styl="border:none;"/></a>
      <a href="http://marshmall.com" ><img src="../img/main/2.jpg" styl="border:none;"/></a>
      <a href="http://marshmall.com" ><img src="../img/main/3.jpg" styl="border:none;"/></a>
      <a href="http://marshmall.com" ><img src="../img/main/4.jpg" styl="border:none;"/></a>
                <a href="http://marshmall.com" ><img src="../img/main/5.jpg" styl="border:none;"/></a>
                <a href="http://marshmall.com" ><img src="../img/main/6.jpg" styl="border:none;"/></a>
        </div>

                <div id="thumbs" class="yk1">
        <img src="../img/main/11.jpg" class="yk1"/>
      <img src="../img/main/22.jpg" class="yk1"/>
      <img src="../img/main/33.jpg" class="yk1"/>
      <img src="../img/main/44.jpg" class="yk1"/>
              <img src="../img/main/55.jpg" class="yk1"/>
              <img src="../img/main/66.jpg" class="yk1"/>   
        </div>
<p id="next" class="yk1"></p>

                </div>
</td></tr></table>
ㅠㅠㅠㅠㅠㅠㅠㅠ밑에 하단에
여백생겨요 50px 정도 ie에서만요 왜그럴까요 ㅠㅠ