ReadingIE6: Spacing on empty div with height of 1px Permalink

In Internet Explorer 6 an empty div with height of 1 pixel can appear bigger (estimative of about 5 pixels of block)

Internet Explorer 6 thinks that the div has text in it; Thus, the solution is to add font-size:0 and, optionally, line-height:0; to the empty div.

.hr { font-size:0; line-height:0; height:1px; background:#CCC; } 

No responses Comments RSS

Do you want to comment?


Looking for more? See all posts on the blog.