Flexbox - фантастическая центровка. Решение интерактива.

У вашего броузера проблема в совместимости с HTML5

Курс продвинутой вёрстки - http://smartgrid.dmitrylavrik.ru/
Демки:
простой пример - https://jsfiddle.net/8ze9arjy/
меню - https://jsfiddle.net/c8yfktj6/
идеальная центровка - https://jsfiddle.net/Lm3qegzw/
фон элемента - https://jsfiddle.net/y6untmb1/
меню вплотную к контейнеру - https://jsfiddle.net/2p8x1dvf/