How to create dotted border with round dots in WebKit browsers?

Question

In WebKit driven browsers, e.g. Safari, Chrome, borders with their style declared as dotted are rendered with square dots instead of round.

Is there any way

Answer 1

border-image would be a possibility: http://www.css3.info/preview/border-image/