292545 - Single pixel gap below span contained in div

Status: RESOLVED INVALID

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

Description

[Phil Cowans]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.7) Gecko/20050414 Firefox/1.0.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.7.7) Gecko/20050414 Firefox/1.0.3

I'm not sure whether this is a duplicate of 173051 or not...

The attached HTML renders with a single pixel gap between the bottom of the
coloured background of othe span and the border of the parent div. This is a
problem in Windows XP, but not in Linux (debian packaged version).

Reproducible: Always

Steps to Reproduce:
1. See attached HTML.

Actual Results:  
Single pixel gap as described.

Expected Results:  
Span should be flush against bottom border of div.

Comment 1

[Phil Cowans]

Attachment: Testcase

Comment 2

[Phil Cowans]

Attachment: Screenshot (windows)

Comment 3

[Phil Cowans]

Attachment: Screenshot (linux)

Comment 4

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Please test to see if this happens on the trunk.  That's how to tell if it's a
duplicate of bug 173051.

Comment 5

[Steve England [:stevee]]

Bug is present in Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2)
Gecko/20050501 Firefox/1.0+ for me.

Comment 6

[Steve England [:stevee]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2) Gecko/20050501
Firefox/1.0+
Additionally, if you resize the font (CTRL++) a few times, a gap appears at the
top too.

Comment 7

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Actually, there's no reason those things should line up.  The size of the DIV is
based on the rules in http://www.w3.org/TR/CSS21/visudet.html#line-height and
the size of the red background is based on the rules in
http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced