Выравнивание :before по центру в IE - Вопросы по CSS

Доброго времени суток.

Подскажите, как решить задачу в IE.

Вот ссылка: http://codepen.io/anon/pen/uzHfb - footer с треугольником на CSS3 через псевдотег :before.

В Firefox и Chrome под Win7 - всё ок, треугольник по центру, а в IE11 (в младших тоже наверное) - треугольник смещен влево.
Та же история (смещен влево) и в Chrome на Android.

Заранее благодарю за помощь.

Вроде как решается добавлением


Но я использую класс псевдотега для трех модулей, идущих друг за другом, и после добавления left: 50%; - вместо трех треугольничков - остается только один.