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

If it's important that the borders are the same you can look into the CSS3 border image property: http://www.css3.info/preview/border-image/ for Chrome it will be -webkit-border-image: