Kąt 25 stopni w CSS3

Bry. Robię sobie stronkę, tak dla siebie, dla nauki i chciałem zrobić w menu, po najechaniu kursorem efekt, aby moc CSS3 sprawiła, żeby ściany bloków zmieniły kąt i były ustawione na 25 stopni. Problem polega na tym, że wraz z przekształceniem, przekształca się czcionka.

http://jsfiddle.net/3fndahd2/

Byłbym wdzięczny za pomoc w ogarnięciu tej czcionki aby była w stanie "normalnym" a nie pijanym. Niby mam w głowie pomysł :after/:before, ale kiedy używam tych dwóch funkcji to CSS ignoruje moje ustawienia dla najechania myszką i jest tak, jakby był czysty element html, bez renderowania css.

Zamknij tekst w środku tych warstw w dodatkowy element (np. span). Nadaj mu display: inline-block; i odwrotny skew: transform: skew(25deg);.

Spróbwałem, dodałem jeszcze klasę dla upewnienia się i dalej nie chadzia:
http://jsfiddle.net/3fndahd2/7/

Masz tutaj działającą wersję. https://jsfiddle.net/x4bvL6fq/