webkit renders last px of border:1px dotted; oddly

Question

in webkit safari and chrome ive found that they render the last px of the css rule border:1px dotted; oddly it kind of combines the last 2 pixels into 1 so you get a black mark at the end of the line ..?

has any one else encountered this / got a work arround for it ? please see attached image bellow

Answer 1

Give it a border-right: 1px solid transparent; style: http://jsfiddle.net/4CktD/

It's weird, but hey, it works.