Html 标题位置的图像在chrome中带有边框，在firefox中效果良好

我试图使用标题位置左侧的徽标作为可链接对象链接到主页，但未能成功

之后，我使用标题位置的左上角链接到标题页 并使用id作为图像源，如下所示：

< a href="/"> < img  id="home-link" /> < /a>

它在Firefox中正常工作，但在chrome中显示可链接区域周围的边框，在IE中显示boder和图像缩略图

我不希望显示边框或图像缩略图，因为它看起来很笨拙，用户会知道我做了什么

使用此代码
a:主动，a:专注{ 大纲：无； }
a:link-img，a:visted-img，a:hover-img{border-style:none；}/*img链接上没有边框/ 在Netscape 4中隐藏边框的img{color:white；}/技巧 @媒体所有{/从Netscape 4隐藏下一条规则/ img{color:inherit；}/撤消上面的颜色更改*/

---

}

请为我们提供JSFIDLE或codepen代码

#home-link {
    position: relative;
    width: 360px;    /* width of the logo */
    height: 110px;   /* height of the logo */
    top: 0 left: 0; /* top-left corner of logo */
    border: 0px ;
    float: left;
 }