ie 하단 여백 ㅠㅠ

<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에서만요 왜그럴까요 ㅠㅠ