See http://bugzilla.mozilla.org/show_bug.cgi?id=22274
The space below the image is for the inline descenders. To get rid of
it, use either display:block; or vertical-align:bottom; on the image.
--J
aleph-zero wrote:
> I was hoping someone could tell me what I'm doing wrong. I'm putting a image
> inside a table cell and I want the table cell to collapse so it only
> contains the image:
>
> <table cellspacing="0" cellpadding="0" border="0">
> <tr>
> <td bgcolor="red"><img src="images/Header/Head.png" height="58"
> width="500" alt="Header" /></td>
> </tr>
> </table>
>
> This works fine in all browsers without any DOCTYPE declaration. However, as
> soon as I add the doctype declaration, something like:
>
> <?xml version="1.0" encoding="UTF-8"?>
> <!DOCTYPE html
> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "DTD/xhtml1-transitional.dtd">
>
> netscape 6 adds a four pixel space at the bottom of the table-cell. I've
> been trying to work out how to get rid of this, using various styles and
> doctypes, to no avail. Can anyone tell me how I can get rid of this unwanted
> space?
>
> Any help would be greatly appreciated.
>
> Thanks
>
> John
>
>
>
