Html ie7中的额外空间

我似乎在游戏按钮和下一节课之间获得了空间

<div class="blurb">
    <div class="game_box">
        <img src="imgs/pack.png" />
    </div>
    <div class="game_text">
        <img src="imgs/game_text.png" />
    </div>
    <div class="game_button">
        <a target="_parent" href="http://yourshapecenter.com/"><img border="0" src="imgs/button.png" /></a>
    </div>
</div>
<div class="bottom">

如果你看下面的图片，你可以看到按钮在盒子外面-它应该在盒子里，下面有几个像素

---

您是否尝试过取出img标签，将其设置为div的背景图像？还有可能将所有其他边距和填充设置为0？与尚未设置的框相同。

您能解释一下哪个框具有哪个类别吗？框背景是否为固定高度？您可以在此处查看选项卡-

 .blurb{

    padding-top:42px;
    margin-left:24px;
    width:468px;
}
.game_box{
    float:left;
}

.game_text{
    float:right;
}
.game_button{

    padding-top:13px;
    clear:both;
    display: block;

}
.bottom{
    margin-top:25px;
    margin-left:24px;
    height:161px;

}