969034 - CSS first-letter border-bottom missing or covered

Status: RESOLVED DUPLICATE of bug 958249

(Firefox :: Untriaged, defect)

Description

[Steve Lawson]

Attachment: bugzilla_ff_border-bottom_clipped_in_1st-letter01.zip

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0 (Beta/Release)
Build ID: 20131205075310

Steps to reproduce:

Used following CSS (paired down to minimum required to demonstrate bug):

            p:first-letter {
                border: 2px solid #000;
                font: 400% serif;
            }

A first-letter with a border displays properly when floated:

            p:first-letter {
                border: 2px solid #000;
                font: 400% serif;
                float: left;
            }




Actual results:

On Firefox 26.0 the border-bottom is missing or clipped.  I put it up on my website so you can see it for reals:

www.joyfulearthtech.com/bug_reports/firefox/bug_report_css_first-letter_border-bottom_missing.html

Or I included the html and the two screen shots it references, in an attached ZIP


Expected results:

The bottom-border should be showing (like it does in Chrome and IE - see attached screenshots).

Comment 1

[Drew Willcoxon :adw]

Thanks for filing.  Fortunately this will be fixed in Firefox 29, which is currently called Aurora, which you can download and try here if you'd like: http://www.mozilla.org/en-US/firefox/aurora/