css - okrąg z marginesem na granicy

Próbuję utworzyć okrąg z konturem, który ma margines.
Wszystko wydaje się działać z wyjątkiem tego, że nie wydaje mi się, aby tak małopx marginesu tam.
Wszelkie sugestie proszę?

.ui-corner-all { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid black; margin:5px; width:30px; height:30px;}

Oto moje skrzypce:http://jsfiddle.net/nalagg/K6pdr/

questionAnswers(3)

yourAnswerToTheQuestion