Search code examples
cssborderpixeldotted-line

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

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

enter image description here

Solution

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

    It's weird, but hey, it works.