문서의 이전 판입니다!
<style type="text/css"> body { margin: 0; padding: 0; font-family: 굴림; font-size: 12px; } span { margin: 0; padding: 0; } </style> <div> <span>이 Span 영역의 높이가 Firefox 8에서만 다릅니다.</span> </div>
위와 같은 상황일 때 <span> 영역은 글꼴의 크기가 12px이므로 12px이 나오는 것이 정상인데, Firefox(현재 8버전)에서만 높이가 14px로 측정된다. 높이 height가 달라지는 이 현상은 Firefox의 경우 input 혹은 button 등에서도 일어나는 것으로 보인다.
이 문제는 현재로써는 <span>에 display: inline-block;을 주면 해소가 되긴 한다. 하지만 정확히 문제가 무엇인지는 파악을 못하고 있다.