Aloha ;)

Das Padding ist nötig, damit der Inhalt nicht in den Pfeilbereich hineinragt. Dadurch wird der Inhaltsbereich des li aber schmaler. Interessanterweise bewirkt die negative Margin-Angabe, dass der betreffende li-Rand aus der Gridzelle hinausgezogen wird UND das li um die 50px breiter wird. Die Gridzellen an sich bleiben gleich breit.

Bloß dazu, und ohne das Grundproblem durchdrungen zu haben: Meine erste Assoziation zu einer solchen Beschreibung mit seltsamem Verhalten von Margin/Padding schreit immer: box-sizing

Keine Ahnung ob das hilft.

Grüße,

RIDER