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; }
Looking for more? See all posts on the blog.
