Internet Explorer показывает список по вертикали, когда он должен отображаться горизонтально

Question

У меня есть список из 3 кнопок, которые должны отображаться горизонтально.В FF все хорошо, но IE укладывает их прямо друг на друга.Мой код для пунктов списка приведен ниже.

Спасибо за помощь

Answer 1

добавить число с плавающей запятой: оставлено в классе навигации.

 #navigation li {
        display: inline-block;
        float:left;
    }

Answer 2

Попробуйте это:

ul {
    flex-direction: row;
    -ms-flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
}