Why does border: 5px dashed not come out as dashed in Firefox?

Question

You can see the implementation here:

http://jsfiddle.net/Wtcdt/

In FireFox on Mac, that circle is round/solid. I want it either dashed or dotted.

Wh

Answer 1

Its a Firefox bug. Typically you have to either make solid border or remove radius. But if both of the properties are important then you can replace the corner with image like this: http://eblog.foysalremon.com/dashed-border-radius-corners-rendered-as-solid-on-firefox-solved/