Something which has been frustrating me is the CSS border:dotted; rule. I have been using this below:
border-bottom:#1C9AD5 dotted 2px;
If you take a look at my example, and look at the blue dotted line it goes a bit weird at either end (it looks as though there’s two dots really close together).
I know I can easily get around this by using an image but that isn’t the point!
Posting my earlier comment as a solution based on Jason’s comment:
“Looks like it is only on certain zoom levels for Chrome. I don’t know how to zoom on a mac, but on Windows, you hold CTRL and roll your mouse wheel.”