Mystery bottom padding on divs with images

[JAB Creations]

I've noticed that Firefox, IE, and Opera either add a bottom margin to an image or a bottom padding to a div when there is an image in a div.

Why is this behavior occurring and how can we stop it?

- John

[bedlam]

I've noticed that Firefox, IE, and Opera either add a bottom margin to an image or a bottom padding to a div when there is an image in a div

This is almost certainly wrong. I'd guess that you're mistaking the fact that images are, by default, aligned with the baseline [en.wikipedia.org] (not the bottom!) of the inline box that they're contained by for padding or margins.

Set 'vertical-align [w3.org]' to 'bottom' or 'top' for images in the context where you find this problem or float the image in a floated container and the problem should disappear.

-b

[JAB Creations]

Thanks!

- John

[Robin_reala]

Or make the image display:block.