Margin verschiebt Container

[who]

Doch statt nur die Schrift zu verschieben, verschiebt es den ganzen #mainnav Container!

Works as designed:
Box model: 8.3.1 Collapsing margins

Wenn ein Element einen Innenabstand haben soll, gib ihm einen Innenabstand - nicht den betreffenden, darinliegenden Elementen, einen Außenabstand.

sorry, aber wie geht das
hab noch nie davon gehört!
wäre dir echt dankbar wennd u mir helfen könntest!

meinst du zb padding-top: 8px;?
dann passiert das:

die schrift wäre zwar in der mitte, doch der hintergrund ist wieder hinauf geschoben worden, zwar nicht der ganze container, aber dafür die schrift und der hintergrund