Cannot get rid of a bizarre 2px space between my child image and parent div

Question

I have tried everything I know. I'm beginning to think it's being created by Tumblrs javascript. First, I do have inline blocks, which i know read white space and add pixels. But after much testing, stripping all my javascript, and removing everything and leaving just a standard

<div><img src="image"/></div>

I still get this 2px space below the image!

So I'm wondering is there a way to do this without jquery perhaps?

.parentdiv {
    height:100% - 2px;
}

?

Answer 1

This issue is caused by the line-height, because text is expected, too.

Solution

line-height: 0;

Sample

http://jsfiddle.net/YGjpk/