Image creating whitespace in IE

[JustGotAQuestion]

So heres what i have, basically (not exactly, but don't worry about that):

 

<div style="float:left; height:25px;">

<p>Words</p>

</div><img src="img.gif" border="0" height="25" />

 

<div>

<p>Words</p>

</div>

 

In addition to this, there are some classes that tell things to snug up (margins:0 and padding:0 mostly).

 

Now, in Mozilla, it does exactly what i want. The bottom of the first div+image is flush with the top of the second div. But, in IE, there is a gap. If i remove the image, it is flush in both. So this makes me think that explorer has a default something or other for images that creates this space. I tried setting the image's margin and padding to zero, but no luck.

 

I did manage to fix it, but it broke something i need somewhere else, so i need another solution. Just FYI, the fix was floating the image right.

 

Is there anything anyone can think of?