I can only take a guess here, but if you could please post your HTML and elaborate on what "broke" means then someone maybe able to better resolve or explain your issue. With that aside, I guess that the issue is because you have used the dashed property but your circles are displaying as solid?
A quick code snippet I was experimenting with
border:2px solid black;
border: 2px dashed #008000;
border: 2px dashed #0000FF;
border: 2px dashed #FF0000;
If this is the case, then I would hazard a second guess, like me you are a Firefox browser user? Only the reason I mention this is because this is a known bug for Firefox, that sadly Mozilla have not corrected at this time, so go ahead jump on another browser, may my tongue turn black for saying =P try Chrome or IE, and you should get the result you want, if this is not the issue please do post the rest of your code and a description of what is broke and someone will try to reply as soon as they can.