Crossbrowser compatibility - how to slide menu item for IE 11?

Question

css

Guys (and girls) hello.
In general, I can not solve one problem - the menu items are displayed incorrectly in the IE 10, 11 browser. Everything is fine in other browsers.
Like this in chrome Like

this in IE 11

, it turned out to defeat the word wrapping on a new line by applying a style

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

but I don’t understand how to shift the arrow icon ...
Help with solving the problem.
here is the address of the page fondsemenenko.ru/audiozapisi/
UPD
applied this solution

@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;}
    }

maybe something more elegant?

Answer 1

Microsoft Edge is doing great.
IE 10, IE 11 - everything shows fine.
Double check the availability of css properties for different browsers.