[cathode]

Hello,
I am having a problem with a space above and below vertically stacked images in Mozilla:

<div class="centerer"><img src="images/image.jpg" /><img src="images/image.jpg" /><table border="0" cellspacing="0" cellpadding="0">
... (table content ) ...
</table>
</div>

I have also tried it like this, with the addition of BR's:

<div class="centerer"><img src="images/image.jpg" /><br /><img src="images/image.jpg" /><br /><table border="0" cellspacing="0" cellpadding="0">
... (table content ) ...
</table>
</div>

Note that I have no line breaks in between the tags. It looks fine in IE 6 but not mozilla... there's no padding or anything set for images.

Any ideas?
Thanks

[cathode]

I have also tried specifying no padding in the CSS:
img {
padding: 0 0 0 0;
}
but that didn't help.

[adras]

Do you have a link, the code above shuldn't give you a space, but it could be caused by something else, what doctype are you using...

[smallbeer]

It may be because images are inline as default and sit on the bassline. They have a gap underneath them where the descenders (if needed) would go.

.centerer img {
display: block;
}

or

.centerer img {
vertical-align:bottom;
}

should fix it.