Extra space in an image div (IE 6)

for some reason, im trying to have a header bar with an image inside it. If i do not specify any margins or padding (on either the image or the div), I'll get an extra few pixels on the top or bottom of the image. I can see this by making the div's background color visible.

In netscape and firefox, the div collapses vertically onto the image, so there is no extra space visible, but the same thing doesnt happen in IE6.

Here is what i've tried:

1. margin/padding combinations everywhere involved.
2. negative margins on the image - a -3px bottom margin will solve the problem in IE6 but create one in Netscape.
3. border-collapse: collapse; doesnt work
4. 0px border on the image

i've heard about some 3px offset bug. does my problem have anything to do with this?

thanks a lot for any help, this has been eating my head alive for the whole day.