图像框对齐问题是IE

Question

在此输入图片说明请帮我修复IE中的这个问题。 它在Chrome，FF

中工作正常

请检查此网址http://scs-qa.com/panamera/trading.html

Answer 1

<div class="trading-img-box">
<a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-below-otherpage-small-trading').style.display='none'">
<img class="trading-img" src="img/trading6.png">
**<a>**
<h1 class="trading-h1">Marble</h1>
<p class="trading-p">We set ourselves at the..</p>
</div>

在此框中，您不会关闭锚​​标记。

还添加：

<p style="height:0; clear:both;"></p>

要确保背景正确包装，可以添加overflow：auto。但是我在歌剧中遇到了问题，有时迫使卷轴。

Answer 2

由于 trading-img-box <a> 中有关于<div>

的信息的未关闭的锚Marble标记而发生这种情况

<div class="trading-img-box">
    <a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-  below-otherpage-small-trading').style.display='none'">
        <img class="trading-img" src="img/trading6.png">
    <a> <<<<<< ------ Unclosed Anchor Tag
    <h1 class="trading-h1">Marble</h1>
    <p class="trading-p">We set ourselves at the..</p>
</div>

Answer 3

将溢出：自动打开到元素＃body-below-otherpage-small-trading