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