Почему слетают стили в explorer 11?

Question

[Spisoktem]

Есть сайт creat-web.ru/prof-edu
при первой загрузке в explorer 11 стили у выпадающих менюшек как и нужно joxi.ru/p27bPvaSog0KNm, но если обновить страницу и после посмотреть менюшки то появляются не понятные элементы joxi.ru/brRQZGzfJzQ7VA + высота li увеличивается
list-style-type: none прописано изначально для всего сайта
не понятная магия)
кто может сталкивался с таким и что делать?)

Comments

[Kovalsky]

Посмотрел, в точности как у вас не получилось воспроизвести, но элементы списков и правда сильно выше. Т.к. представления не имею что это такое и как с этим бороться, можете попробовать исправить это с помощью полного пересчёта стилей для проблемных участков (в данном случае меню). То есть если браузер - ИЕ, то после полной загрузки и отрисовки документа пересчитываете всё меню. Как - уже вам решать. Например, просто выполнение

document.querySelector('.header__nav--middle .submenu').innerHTML = document.querySelector('.header__nav--middle .submenu').innerHTML

решило проблему в моём случае, но как видите это не очень приятный выход из положения.

Answer 1

[Kovalsky]

Кстати, оказывается это один из популярных багов - наберите в гугле "ie11 list style bug". На SO говорят, что решением может быть это:

list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

или это:

list-style-image: url(data:0);

Comments

[Spisoktem]

Благодарю, помогло это)

[Kovalsky]

Spisoktem: вы только учтите, что в случае с вторым вариантом браузеру приходится делать пустой запрос, насколько я понял.