Почему моя кнопка отличается от IE?

Question

Я попытался найти решение для моей кнопки, чтобы выглядеть правильно в браузерах Internet Explorer, но не удалось. В чем проблема? Вот ссылка на сайт: www.vivids.se. Ждем решения! :)

Вот HTML:

<div class="share-wrapper"> 
<span class="share-button">Dela</span> 
<a class="social-media-button" id="facebook" href="#">Facebook</a> 
<a class="social-media-button" id="twitter" href="#">Twitter</a> 
</div> 

Вот CSS:

.share-button, 
.social-media-button { 
font-weight: 600; 
display: inline-block; 
border-radius: 5px; 
} 

.share-button { 
    padding: 0px 6px; 
    border: solid 2px; 
    border-color: #00d9ef; 
    color: #00d9ef; 
    cursor: pointer; 
} 

.share-button::after { 
content: url('img/share.svg'); 
width: 13px; 
display: inline-block; 
} 

.social-media-button { 
padding: 2px 6px; 
background-color: #00d9ef; 
} 

#facebook::before { 
content: url('img/facebook.svg'); 
} 

#twitter::before { 
content: url('img/twitter.svg'); 
} 

#facebook::before, 
#twitter::before { 
width: 13px; 
display: inline-block; 
margin-right: 5px; 
} 

кнопка слева является Safari (MacOS Sierra). Кнопка справа - это Internet Explorer 11 (Windows 7).

Answer 1

Может быть, это проблема кэш? Я открыл его в IE11, и похоже, вы сказали, что это должно быть.