250560 - border-bottom doesn't display when font-size is 1px

Status: NEW

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

Description

[Patrik Pettersson]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040707 Firefox/0.8
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7 ) Gecko/20040708 Firefox/0.9.1

At our site I use   to make the class "gwb" with a border-bottom render (
doesn't if div is empty, renders correctly if containing a empty gif for example
). The class also contained font-size and line-height set to 1px, this makes the
border render in the windows version of firefox 0.8-0.9.2, however in the linux
version doesn't render the border-bottom in this case.

Setting font-size and line-height to 2px solved this for me at the linux platform.

I use a external style sheet, don't know if this affects.

Reproducible: Always
Steps to Reproduce:

Comment 1

[Boris Zbarsky [:bzbarsky]]

Please fill in the steps to reproduce.  Once I load the page, what should I be
looking at?

That will help create a minimal testcase, which is needed to go anywhere with
this bug.

Comment 2

[Patrik Pettersson]

Created an example page:
http://www.inse.com/INSE/contact.nsf/mozilla_example?OpenForm

This is our page footer, border-bottom goes missing in linux.
( added style to page to display error )

Comment 3

[Patrik Pettersson]

Created an example page:
http://www.inse.com/INSE/contact.nsf/mozilla_example?OpenForm

This is our page footer, border-bottom goes missing in linux.
( added style to page to force error )

Comment 4

[Mats Palmgren (inactive)]

Attachment: Testcase #1 (Standards mode)

Comment 5

[Mats Palmgren (inactive)]

Attachment: Testcase #2 (Quirks mode)

Comment 6

[Mats Palmgren (inactive)]

Testcase #1, 2004-07-18-05 trunk Linux,                    PASS
Testcase #2, 2004-07-18-05 trunk Linux,                    PASS
Testcase #1, local debug build (a few days old) same host, PASS
Testcase #2, local debug build (a few days old) same host, FAIL (no border)

Using a clean profile.

Comment 7

[Daniel Amor]

I have a similar issue with border-bottom. See the following line CSS:

div.productnavigation ol li {display: block; float: none; border-style: none; 
margin: 0; padding: 0; border-bottom: solid 1px #999900;}

This line is executed only every second line, i.e. every second row I see a
border-bottom line only. In IE and Safari the bottom line is displayed in all rows.

I use it for my navigation on http://www.ebusinessrevolution.com/. Move your
mouse over "homepages" or "books" to unfold the menu. 

Problem occurs with Mozilla and Firefox on Mac and Windows XP. 

Although it's only a minor nuissance, would be nice to see it solved... 

Danny

Comment 8

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

comment 7 sounds like bug 176237

Comment 9

[Daniel Amor]

I fixed my problem (Comment 7) by adding the following to the CSS. Instead of
using background-color: #color, I use now background: none #color and the
problem disappeared. Don't know why, but may be a hint for your code...

Danny

Comment 10

[Jonathan]

inse.com-site is 404
Testase 1 WFM
Testcase 2 WFM

Seeing the black 1px line on both

Tested on Linux