Hi I have a problem.... hehehe... naturally!!

I have a number of divs inside a container and in some of these divs are a simple image. When I view this in IE, FF or Safari I seem to get a gab under my image before the next div starts.

eg. www.development.acnm.edu.au/latest/acupuncture.html

I get a gap under the very first thin pic of the leaves at the top and another gap under the acupuncture image with the company logo... depending on the browser this gap can be up 2mm esp changing from IE6 to IE7. I dont have margins on these divs or images. How can I stop this?

I found out how to get around this... I have to give the image a class style to be a block so the web browser doesnt treat it like a text character with acenders and decenders