271884 - image in an anchor in a table cell: Mozilla adds a 2 pixel high transparent stripe below

Status: RESOLVED DUPLICATE of bug 22274

(Core :: Layout: Block and Inline, defect)

Description

[babszem]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

On the attached page there is a transparent gap between the image's bottom edge
and the cell's bottom edge. The gap should be the anchor bottom border (which
should be right below the image as opposed to a few pixels below), but even if I
set the anchor border to 1 pixel the gap stays at least 2 pixels. Also the
anchor border should be surrounding the image, but instead the top anchor border
slices through the image.
Also in the second cell the anchor border overlaps the cell border.

As far as I know the cell border should contain the anchor border which in turn
should contain only the image (no gap). In the second cell the anchor border
should be exactly below the cell border.

Reproducible: Always
Steps to Reproduce:
1. Open the attached HTML page.
Actual Results:  
See details.

Expected Results:  
See details.

I also tried the page with the latest Mozilla build (Mozilla 1.8a5). Still no good.

Comment 1

[babszem]

Attachment: The page presenting the layout bug.

Comment 2

[dolphinling]

Mozilla is correct in its rendering. The image is rendered inline, and the
default alignment is to the baseline, not the bottom. See
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

Comment 3

[Boris Zbarsky [:bzbarsky]]

Actually, this is a duplicate..

Comment 4

[Boris Zbarsky [:bzbarsky]]

*** This bug has been marked as a duplicate of 22274 ***