IE div shorter than 20 px?

Question

I can't seem to get my <div> height in IE (7) to be shorter than 20px:

<div style="background: green; height: 1px;">

</div>

Using the above code (both with and without html and body tags) the height of the div cannot seem to drop below a certain value (I think it is 20px). Any ideas?

Answer 1

Try adding overflow:hidden;.

Answer 2

Andy E's head is right. You seem to have empty space inside the div that is rendered as a space, which happens to have 20px height. So either hide the overflow or remove the whitespace.