IE 11, Edge не корректно работают с transition: all, как исправить?

Question

[kkoshakk]

.navbar-default .navbar-nav > li > a {
  color: #666666;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #212121;
  background-color: transparent;
}
a {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

В IE 11 и Edge происходит смена цвета текста, но также на 0,2 секунды все элементы сьезжают вправо и становятся обратно, что это такое и как исправитz?

Comments

[Алексей Уколов]

Покажите демо на codepen или jsfiddle. Скорее всего, дело в чём-то другом и вам просто нужно указать конкретные свойства: transition: color 0.2s, background-color 0.2s;

[kkoshakk]

Алексей Уколов: я использую bootswatch, тема paper, там есть эти вышеупомянутые свойства, если их убрать - все хорошо, но они мне нужны

[kkoshakk]

Алексей Уколов: А почему нельзя transition: all?

[Алексей Уколов]

Я не умею гадать по описанию фотографии ксерокопии кода. Хотите, чтобы вам помогли - сделайте демо.

[kkoshakk]

Алексей Уколов: Вот: https://jsfiddle.net/kkoshakk/q7k66v94/4/
только запустите на локалхосте в IE или эдже, на фидле этого глюка почему-то нету....

[kkoshakk]

Алексей Уколов: При запуске в фидле Run в IE происходит сдвиг влево на 15 px Logo, это только в ie, edge, в хроме и опере все норм. Я выяснил, что это происходит из-за того-что в бутстраповских стилях есть:
media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}

Получается, что transition:all влияет на margin-left: -15px; в navbar-brand, но ПОЧЕМУ, если я указываю transition для селектора a????
https://jsfiddle.net/kkoshakk/tr3e2rd5/7/