CSS - How To Set Leading In Css?

my problem could best be summed up by looking at this test html :

http://hatchetman82.4000webs.com/test.html

it contains 2 DIVs, and in IMG inside every DIV.
the image is (probably) allined as text, which means there's a small margin between the DIV content area lower border and the IMG border. this space (colored yellow) does not originale from any padding, spacing or margin attribute (or at least tinkering with those didnt help). setting the line-height on the DIVs to 100% helps a bit (shrinks the gap a little), but causes problems with, for instance, a SPAN inside one of those divs.

i've also tried all sorts of values for vertical-align on the DIVs to no avail.

any help in eliminating the gap would be greatly appreciated.