내 리셋에서`line-height : 1`을 사용하면 파이어 폭스 요소에 여분의 픽셀이 추가되는 이유는 무엇입니까?

Question

이 재설정을 사용합니다. 1 나는 심지어 내가 높이, 라인 높이를 설정 시도 거리에 상관없이 내 블록 링크에서 무엇을 이동하지 않는 여분의 픽셀을 참조하십시오

* { 
    font-family: Arial, Helvetica, sans-serif; 
    outline: 0; 
    padding: 0; 
    margin: 0; 
    border: 0; 
    text-decoration: none; 
    vertical-align: baseline; 
    white-space: normal; 
    line-height: 1; 
} 
hr {display: none} 
blockquote:before, blockquote:after, q:before, q:after {content: ''} 
blockquote, q {quotes: "" ""} 
ul {list-style-type: none} 
ol {list-style-type: decimal} 
a {text-decoration: none} 

.clear {clear: both} 

문제는 한 I 라인 높이를 사용할 때이다 글꼴 크기. 아무것도 작동하지 않습니다. 파이어 라인 라인 높이에서 무슨 일이 일어나는지 말해줘.

이것은 내 CSS입니다.

.tag { 
    display: block; 
    font-size: 11px; 
    background: #fff; 
    border: 1px solid #aaa; 
    color: #555; 
    text-transform: lowercase; 
     padding: 3px 6px; 
} 

매우 간단할까요? 보이지 않습니다. 파이어 폭스는 텍스트의 상단에 픽셀을 생성합니다. 상단 및 하단 패딩을 동일하게 설정하더라도 균형이 맞지 않음을 분명히 볼 수 있습니다. 누군가 내가 줄 높이를 제거하면 왜 이런 일이 일어나는 지 말해 주겠다. 내 재설정에서 1 번은 많은 일들이 망쳐 버린다.

Answer 1

(line-height:1와 동일하게 보이지만 아마 파이어 폭스는 다르게 취급 것) 텍스트와 같은 높이를 유지하기 위해이 그것을 말해 line-height: normal;

를 사용해보십시오.

Answer 2

나는 그것을 얻지 않는다, 나는 당신이 JSbin에 문제의 최대 모의을 다시 만들 수 있다면 아마 볼

파이어 폭스 3.6.13을 사용하여 메신저, 위의 CSS를 사용하여 공백을 볼 수 없습니다?

http://jsbin.com/ajinu3