242846 - dotted-border <hr>s have these silly little fins at either end

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[Sophia Poirier]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8a) Gecko/20040506 Firefox/0.8.0+
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8a) Gecko/20040506 Firefox/0.8.0+

dotted-border <hr>s have these silly looking little fins at either end of them.
 For example, check out the ones towards the bottom of http://jpfreeskool.org/

Reproducible: Always
Steps to Reproduce:
1.  Look at <hr>s with dotted borders.
Actual Results:  
weird fin thingies stick out from the ends of the <hr>s

Expected Results:  
the <hr> should just be even and straight

Comment 1

[Bill Mason]

HR.tabledivider
{
	border-style: dashed ;
	border-width: 1px ;
	height: 2px ;
	color: #000000 ;
	width: 100% ;
	padding: 0px ;
	margin: 0px ;
}

What you're seeing is the render of the left and right border, as per the CSS. 
The browser is rendering as it's been told to.  The site should only specify a
border-top and border-bottom to avoid that effect.

Not a bug.