Transition, Tabs nicht korrekt positioniert

[Pree Franz]

Sehr geehrte Damen und Herren!

Ich habe mir erlaubt den Code "Beispiels 8: Dynamische Navigationsleisten einblenden" zu kopieren und in einen Editor einzusetzen. Es funktioniert tadellos. Zum Studium habe ich den Code nochmals in einem eigenen Fenster des Editors, allerdings händisch, Zeile für Zeile eingegeben um die einzelnen Auswirkungen erkennen zu können. Nun habe ich den Erfolg, daß zwar die Tabs tadellos erscheinen und funktionieren, aber nicht in der grauen Leiste drinnen sind sondern unterhalb. Ich habe meinen Code mit dem Original mehrmals verglichen aber den Fehler nicht finden können. Wo wird die Position der Tabs bestimmt? Ein Vergleich (meine Eingabe/Original) zeigt mir eher, daß nicht die Tabs falsch positioniert sind, sondern der graue Balken schmäler erscheint. Im CSS-Code gibt es "nav:after". Welche Funktion hat dies? Ich finde after als Selektor nirgends und eine Änderung ist weder bei der Eingabe zu bemerken noch wenn ich dies beim fertigen Code heraus lösche. Weiters ist mir die Bedeutung "<main role="main">" nicht ganz klar?

Mit freundlichen Grüßen Pree Franz

P.S.: Apple Yosemite 10.10.4 Safari Version 8.0.7 (10600.7.12)