Кроссбраузерность — как сдвинуть элемент меню для IE 11?

Question

[Александр]

Ребята (и девчата) привет.

В общем, не могу решить одну задачку - некорректно отображается пункты меню в браузере IE 10, 11. В других брузерах все хорошо.

Вот так в хроме


Вот так в IE 11

получилось победить перенос букв у слов на новую строку применением стиля

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .menu-bok-container {white-space: nowrap;}
    }

а вот смещение иконки стрелочки все ни как не пойму...

Помогите с решение проблемы.

вот адрес страницы fondsemenenko.ru/audiozapisi/

UPD
применил такой вариант решения

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .menu-bok-container {white-space: nowrap;}
    .widget_nav_menu ul>li a:before {padding-left: 27px;}
    }

может что-то более изящное есть?

Comments

[Ankhena]

У меня в ИЕ нормально показывается, чуть-чуть расположение стрелок по высоте не совпадает.
Проверьте все отступы в консоли.

Для такого меню не должно быть проблем и каких-то хаков для 11ИЕ, он прекрасно все понимает, просто где-то была ошибка верстки.

Answer 1

[Владислав Поляков]

Microsoft Edge все отлично показывает .
IE 10, IE 11 - все отлично показывает .
Перепроверьте доступность css свойств для различных браузеров .

Comments

[Александр]

Владислав Поляков Да, еще немного (на свежую голову) поработал со стилями - подредактировал текст...