title: CSS dotted border render issue
body: <p>I'm seeing a rendering issue for a 2px dotted border similar to <a href="https://stackoverflow.com/questions/6941640/css-dotted-border-issue-in-adjacent-columns-in-a-table-rendered-as-dash-in-chrom">CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome</a> but on desktop Safari and Chrome. I tried several widths and it happens in all of them</p>
  
  <p>This is a sample:</p>
  
  <p><img src="https://i.stack.imgur.com/b8Fb5.png" alt="sample"></p>
  
  <p>the vertical line ending has the same issue but it's out of the picture.</p>
  
  <p>Sample:
  <a href="http://jsfiddle.net/bcdQQ/" rel="nofollow noreferrer">http://jsfiddle.net/bcdQQ/</a></p>