Probleme mit nth-child

[Konny]

Ich weis nicht wie ich es bewerkstelligen soll:
Ich möchte eine grössere Anzahl von Boxen einblenden.
Jede Box sollte zu nächste einen Abstand von 10 Pixel haben,
jedoch sollte jede 4 Box keinen Abstand haben.

zur besseren Darstellung hab ich es statt Abstand mit einem BORDER gemacht.

Aber leider funktioniert es nicht, es werden zwar die Boxen angezeigt aber ohne cild.

.box li{
width:150px;
height:150px;
border: 1px solid #ff0000;
border-right: 10px solid #ff0000;
float:left;
}

.box li:nth-child (3) {border-right: 0;}