Позиционирование SVG в IE

Question

У меня есть панель навигации для веб-сайта (JSFiddle), которая содержит значок меню гамбургера слева, который является SVG. У меня есть позиция, установленная на absolute, которая работает в браузерах, таких как Chrome и Firefox, но это не в IE и Safari для iOS.

Итак, мой вопрос: как следует расположить SVG, чтобы они работали как в IE, так и в других браузерах? Спасибо

Answer 1

Дайте вашим значкам SVG ширину.

.menuIcon { 
    position:absolute; 
    top:1.75em; 
    left:2em; 
    width:3em; 
    height:3em 
} 

.searchIconMobile { 
    position:relative; 
    float:right; 
    width:2.2em; 
    height:2.2em; 
    fill:#cfd8dc 
}