Flexbox альтернатива для IE9

Недавно я разработал веб-сайт с Chrome (проще всего разрабатывать), но теперь я попал в модель поддержки IE.

Сказав это, я начал с IE11 и внес необходимые изменения для необычных различий между IE и Chrome. Но теперь я уступаю IE версии. Я смог получить 90% веб-страниц, чтобы правильно отображать CSS для IE10. Но теперь большинство элементов CSS, которые у меня есть для этих двух браузеров, по большей части не имеют отношения к IE9.

Я бы хотел, если бы не было необходимости иметь несколько таблиц стилей в браузере.

Первые проблемы - это преобразование IE10 + в реализацию модели CSS flexbox.

Текущая реализация для контейнера flexbox:

div#navContainer{
    display: flex; //Current browsers (IE11, Chrome, etc)
    display: -ms-flexbox; //IE10 implementation
}

div#TeamsSection {
    text-align: center;
}

div.NavSection {
    margin: 0px 7px;
    padding: 4px 0px 0px 0px;
}

div#teams {
    margin: 0px;

    select {
        margin: 0px;
    }
}

HTML:

<div id="navContainer" class="float-left">
    <div id="LogoSection" class="NavSection">
        <div id="Logo">
            <img src="Images/Logo.png" />
        </div>
    </div>
    <div id="TeamsSection" class="NavSection">
        <label>Select a Team:</label><br />
        <div id="teams"></div>
    </div>
    <div id="UserSection" class="NavSection hidden">
        <label>Select a User:</label><br />
        <div id="requestor"></div>
    </div>
</div>

Я знаю, что IE9 не реализует Flexbox, поэтому, пожалуйста, не оскорбляйте проведенное мной исследование. Мне нужна эквивалентная реализация, которая позволит мне изменить HTML как можно меньше.

Ответы

    .container {
        display: flex;
    }
    .no-flexbox .container {
        display: table-cell;
    }

.container {
    display: table-cell; // ie9
    display: flex;       // others
}