如何在IE 6-8中修复PNG定位

Question

我正在最新版本的Wordpress上运行Thesis 1.8.5，但似乎无法固定IE 6-8中爆头PNG图像的位置，请参见此处www.texashomeloanpro.com。 尽管PNG图像在Chrome和Safari中看起来很棒，但在IE中，图像被稍微向右推，而在其位置保留了一个白框。

这是我现在拥有的简单CSS：

#new-sidebar-1 img {
    float: left;
    margin-right: 1px;}

我尝试使用不同的边距，删除浮点，添加'diplay：inline'，甚至此手动修复http://www.twinhelix.com/css/iepngfix/demo/ ，但似乎没有什么可以删除白框并移动将PNG图片放在IE中的正确位置。

有什么建议么？

谢谢，格兰特

Answer 1

您有一些多余的标记：

<img class="mike_jones_photo"/>
<a href="http://www.texashomeloanpro.com/contact-us/">
    <img src="http://www.texashomeloanpro.com/wp-content/uploads/2013/05/20130516_170510.002-120x150.png"/>
</a>

请注意第一行上额外的<img>标签。 它没有设置src属性。 IE为空白图像腾出空间，而其他浏览器可能会忽略它。

您可能想要这样的东西：

<a href="http://www.texashomeloanpro.com/contact-us/">
    <img class="mike_jones_photo" src="http://www.texashomeloanpro.com/wp-content/uploads/2013/05/20130516_170510.002-120x150.png"/>
</a>