CSS преобразование не работает с IE11

Question

Я использую трансформацию для центрирования моркови для выпадающего меню, и она отлично работает во всех браузерах, кроме IE

HTML

<div class="row ccu-faq-q-row">
  <div class="ccu-faq-question">I’m not crazy about the new name. And I resent all the money --- has spent on naming the ----. How can I register my protest?</div>
  <div class="ccu-faq-btn"><img class="faqArrow" src="img/ic-arrow.svg"></div>
</div>

css

.ccu-faqs .ccu-faq-btn img {
  left: 50%;
  position: relative;
  top: 45%;
  width: 24px;
  -webkit-transform: translate(-50%, -50%);
    -moz-box-shadow: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }