Circles created with CSS often look messy at the edges, with the box-shadow property, this can be changed.
-mox-box-shadow: 0 0 1px white; -webkit-box-shadow: 0 0 1px white; box-shadow: 0 0 1px white;