Problem mit flexbox und Internet-Exploder

[dieselross]

Obiges ist in der Entwicklung. Funktioniert auch so weit ganz gut, bis auf… Tja unser lieber Freund Internet-Exploder macht wieder 'mal Probleme. Da ich an einem Mac sitze, kann ich die Gründe dafür mit Bordmitteln nicht weiter eingrenzen.

Die Elemente "header", "main" und "footer" sind jeweils als div ausgeführt, damit ältere Explorer (die ja mit dem modernen Markup nichts anfangen können) die Elemente richtig platzieren können. Tun sie aber offenbar trotzdem nicht. Der "footer" rutscht beim IE immer direkt unter den "header", als ob der "main"-Block gar nicht vorhanden wäre. Was mach' ich hier falsch?

P. s.: Dass die Blöcke als Klassen und nicht als IDs angesprochen werden, wie es eigentlich richtig wäre, liegt an einer Absprache mit einem Programmierer, der hier später noch eingreift und mich gebeten hat, möglichst keine IDs zu vergeben, damit nichts mit seinen IDs kollidiert.