Probleme mit nth-child

[misterunknown]

Moin,

.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;}

Habe dein Beispiel übernommen und folgendes geändert:
     - display:none;  statt  float:left;
     - :nth-child(3n)  statt nur  :nth-child(3)

Es funktioniert bei mir sowohl mit "3" als auch mit "3n", der Unterschied ist, dass bei 3 nur _das_ dritte Element keine border erhält und bei 3n _jedes_ dritte Element keine border erhält.

Eigentlich sollten alle aktuellen Browser diesen Selektor unterstützen.

Link zum Beispiel.

Grüße Marco