Page incorrectly renders border certain sizes




9 years ago
6 years ago


(Reporter: Commander.Keane, Unassigned)


Firefox Tracking Flags

(Not tracked)




(1 attachment)

906 bytes, text/html


9 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/2008070208 Firefox/3.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/2008070208 Firefox/3.0.1

Page incorrectly renders border certain sizes on Wikipedia. On changing the page size causes the border to malfunction at certain page sizes.

Appeared when I upgraded to FF 3.

Screenshot of problem available at

Reproducible: Always

Steps to Reproduce:
1.Go to
2.Use Ctrl +/- to increase or decrease the page size until the border under the tabs disappears
Actual Results:  
Border line under the tabs (eg the "project page" tab) disappears, border at the bottom of the page (just below the categories) is not present, and the left border is only present in the middle two thirds or so of the page, and is much blacker than it should be.

Expected Results:  
Border should remain at all page sizes.

Comment 1

9 years ago
I also started seeing this with version 3 on Windows XP, Windows Vista, and Linux (Ubuntu Hardy Heron).  In my experience, any div element with sufficient height (a few thousand pixels) which has a border set will not display the border correctly.  Most commonly the border is white for the top and bottom (including the tops and bottoms of both sides) and is black for the middle portion of the side borders.


9 years ago
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout

Comment 2

9 years ago
Still present in 3.0.2

Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv: Gecko/2008091620 Firefox/3.0.2

Comment 3

9 years ago
...and in 3.0.3

Comment 4

9 years ago
3.0.4 still has this problem.

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/2008102920 Firefox/3.0.4

Comment 5

8 years ago
I found out that this happens when an element is at least 32768 Pixels (2^15) in height and/or width.

Test case:

<style type="text/css">
    * { margin: 0; border: 0; padding: 0; }
    #test { height: 100px; width: 32768px;
            background: yellow; border-bottom: 5px solid red; }
/*  #test { width: 100px; height: 32768px;
            background: yellow; border-right: 5px solid red; } */
<body><div id="test"></div></body>

Comment 6

8 years ago
Created attachment 370231 [details]

a more detailed testcase

Comment 7

8 years ago
i stopped seeing this as of 3.5 -- did someone fix it?

Comment 8

6 years ago
CLOSED per comment 7.
Last Resolved: 6 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.