로고 이미지의 여백을 제거 할 수 없습니다.

Question

나는이 문제를 해결하는 데 어려움을 겪고 있습니다. 기본적으로 내 로고 이미지의 왼쪽과 아래쪽이 1px 흰색 인 이유를 알 수 없습니다.

테스트로, 검정색 배경이있는 빈 페이지에 로고 이미지를 배치하여 흰색 여백이 없는지 확인합니다. 괜찮아 보이는 군.

그래서, 문제는 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

시도 #logo { 국경 : 없음; }

"div # logo img", id에는 border : none을 사용합니다.

이미지를 확인하십시오. 가장자리에 흰 선이있을 수 있습니다.

어떤 브라우저에서 이런 일이 발생합니까?