242812 - <hr> horizontal rule is twice as high as the number of pixels specified by CSS

Status: VERIFIED INVALID

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

Description

[Moses Lei]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040413 Galeon/1.3.14 (Debian package 1.3.14a-1)
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040413 Galeon/1.3.14 (Debian package 1.3.14a-1)

<hr> tags appear twice as high as their CSS specifies.


Reproducible: Always
Steps to Reproduce:
I found this bug when I was trying to make a 1px high rule with this code:

hr { border: 1px solid #999999; }

It appears two pixels high. This code gives the same results:

hr { border: solid #999999; height: 1px; } 

See attached testcase.
Actual Results:  
The horizontal rule is twice as high as specified.

Expected Results:  
The horizontal rule should be the number of pixels specified in its CSS.

Comment 1

[Moses Lei]

Attachment: testcase

Comment 2

[Bill Mason]

When you set border 1px, you've set border-top to 1px and border-bottom to 1px.
So the total is 2px.

Etc.

So the height is correct.

Comment 3

[Moses Lei]

Ah, so that's how Mozilla interprets <hr>. Thanks for the enlightenment. I got
what I wanted by setting border-bottom to none.