Как сделать пунктирную линию спрайтом?

Всем привет. Нужно вот что сделать:


Кружки 3 на 3px, как его правильно реализовать? Я сначала делал
border-bottom: 3px dotted #ffcd4f;
но они получаются не кружками а квадратами, потом я вырезал 1 кружок и запихнул в спрайт, и показал через

background: url("../img/sprite.png") repeat-x -5px -96px

в итоге у меня все залилось без отступов. Подскажите пожалуйста как вообще это можно реализовать?