CSS dotted border renders as dashed in Chrome

Question

I applied \"border-bottom:#F60 dotted .3em;\" to a div and while Firefox renders the dots as round, Chrome shows them as blocky dashes. Any takers?

Answer 1

The specification doesn't define what 'dotted' means to that level of detail. The two browsers just interpret it differently. This is not a problem.