html - 无法删除 Logo 图像的白边

Question

我很难解决这个问题。基本上，我不明白为什么我的 Logo 图像显示左侧和底部 1px 白色。

作为测试，我将该 Logo 图像放在黑色背景的空白页面上，以查看它是否没有那些白色边距，而实际上没有。看起来不错。

所以，我认为问题出在 div 标签中。

这是我的代码的样子:

HTML 代码:

<div id="wrapper">
    <div id="top_header">
       <div id="logo"><img src="img/logo.jpg" align="left" alt="Logo"></div>
       <div id="title">BlaBla <br>Blah</div>
       <div id="contact"> E-mail: blabla@mydomain.tld<br> Phone: 0980980984324 </div>
    </div>
<!-- ... rest of the code -->

CSS 代码:

#wrapper {
  margin:      0 auto;
  width:       978px;
  _height:     100%;
  min-height:  100%;
}
#top_header { 
  padding-top:     12px;
  /*padding-bottom:  5px; */
  margin:          0;
  overflow:        hidden; 
  width:           978px; 
  background-color:#C50918;
  display:         block;
}

div#logo img {
  float:          left;
  margin:         0;
  padding:        0;
  /*padding-bottom: 6px; */
  overflow:       hidden; 
  display:        block;
}
#title {
  font:            "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:       18px;
  vertical-align:  middle;
  color:           #FFF;
  text-decoration: none;
  margin:          0;
  padding-left:    20px;
  display:         block;
}

#contact {  
  background:      url(../img/phone.jpg) no-repeat scroll left transparent;
  float:           right;
  font:            "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:       12px;
  text-align:      right;
  color:           #FFF;
  text-decoration: none;
  margin:          0;
  padding:         0;
  display:         block;
}

Answer 1

尝试 ＃标识 { 边框:无；

还有并在 "div#logo img"id 中使用 border: none。

检查你的图像，边缘可能有一条白线。

这发生在哪些浏览器中？