Parallelogramm-Navigationshintergrund mit CSS

Ich versuche, dieses Navigationsmenü zu erstellen (grüne Hervorhebung ist die aktive Seite, grau ist der Schwebeflug-Status):

Ich kann das Parallelogramm mit dem folgenden CSS machen:

Leider führt dies dazu, dass der Text ebenfalls schräg erscheint und kursiv erscheint:

Hier ist eine Datei, die das Setup zeigt (obwohl der Skew nicht in Jfiddle funktioniert): Ссылка

Gibt es eine Möglichkeit, den Schräglauf des Textes zu verhindern, sodass er nicht kursiv erscheint? Ich lade jQuery aber würde es lieber vermeiden oder zumindest einen brauchbaren CSS-Fallback haben.

Danke für irgendeinen Rat!