ie7中的额外空间

Question

我似乎在game_button和下一个类之间获得了空间

<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">

的CSS -

 .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;

}

如果您查看下面的图片，您可以看到按钮位于包装盒外面 - 它应该放在包装盒下方，并在其下面留有几个像素

Answer 1

您是否尝试过取出img标签，而是将它们设置为div的背景图像？也可能将所有其他边距和填充设置为0？就像那些尚未设定的那样。