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

Question

我在最新版本的Wordpress上运行了论文1.8.5，我似乎无法在IE6-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>