Why is this DIV padded at the top?

[kurdistani]

Here is a test-case for my problem:http://game-point.net/misc/testParaPadding/I want the \[code\]progressBarGreen.png\[/code\] image to be inside the DIV, and the DIV is exactly the right height (15px) to hold it, but there are a couple of pixels padding at the top of the DIV. Why? The browser seems to be sizing the content as if it contained text because the padding changes if I remove the \[code\]font-family\[/code\] styling for the body, but there is no text in the DIV.Interestingly this problem doesn't happen in Firefox's quirks mode.jsFiddle Example