Html Internet explorer兼容性问题

我的网站在其他浏览器上运行良好，而在Internet explore上，它的图像显示为黑框，并且内容失真。 有谁能建议我解决这个兼容性问题的方法吗

请在不同浏览器和IE中打开上述网站以测试问题

横幅标志css代码

#maneWrap, #overflowFix{width:100%; height:100%; float:left;      position:relative; left:0%;} 
#overflowFix{overflow-x:hidden;} 
#hearderWrap{ position:fixed; width:100%; height:100px; text-align:center; float:left; background:#448f00; top:0px; left:0px; z-index:1000;}  
#logo{ margin:0 auto; margin-top:14px; cursor:pointer;} 
#social-icon{ position:absolute; top:0px; right:0px; height:100%;}
#social-icon a{position:relative; float:left; display:block; padding:40px 40px; border:1px solid #448f00; border-left-color:#66d700; border-top:0px; border-bottom:0px;} 
#slides{ width:100%; height:100%; float:left; clear:both;} 
#slides img{ width:100%;} 
#social-icon a span{position:absolute; width:100%; height:5px; left:0px; bottom:0px;} 
#social-icon a:hover{ border-color:#66d700; background:#4fa302;}        
#social-icon a:hover span{background:#66d700;} 
#maneWrap{margin-top:100px;}

横幅标志html代码

<div id="logo"><a href="index.html"><img src="images/logo.jpg" /></a></div>
                <div id="social-icon">
                    <a href="https://www.facebook.com/NatureConnectOutdoorsPvtLtd" target="_blank"><img src="images/facebook.png" alt="Facebook" /><span></span></a>
                    <a href="https://twitter.com/natureconnectin" target="_blank" class="twitter"><img src="images/twitter.png"  alt="Twitter"/><span></span></a>
                    <a href="http://pinterest.com/natureconnect/" target="_blank"><img src="images/Pinterest.png" alt="Pinterest" /><span></span></a>
                </div> 

您为图像提供了超链接，是否尝试为图像应用边框：0px？

我相信这是Internet Explorer在锚定标记周围放置的默认边框

<a> <img src="logo.png" /> </a>

堆栈溢出上的

在Stackoverflow上尝试，但没有效果。我在上面粘贴的原始代码已经实现，但结果仍然是一样的。你认为是js或html造成的还是只有css的问题。谢谢你，边框被删除了，但在IE上，静止图像到处都是未经处理的