사이트를 꾸미려다 보면 내용이 없는 빈 div를 만들고 거기에 배경처리를 하는 경우가 종종 있습니다.
그럴경우 높이가 낮을때(보통 10px 이하) 다른 브라우져는 다 문제 없는데 유독 ie6만 원하는 높이 이하로 안줄어 드는 경우가 있습니다.

지금까지 그런경우 정확한 원인 파악을 못하고 전 overflow:hidden을 처리해 왔는데
오늘 알게된게 font-size가 원인인거 같더군요.
뭐 overflow:hidden을 처리해도 되지만 font-size:0 으로 잡아 버리면 굳이 overflow:hidden 처리 안하더라도 낮은 높이의 div가 ie6 에서 원하는 높이 이상으로 커지는 일은 없을거 같습니다.

많은 분들이 아실거같은데...

오늘 알게 된 내용이라 올려 둡니다.