CSS Icon wird unscharf durch border-radius - im Internet Explorer

[FIL11]

Hallo,
letztens ist mir aufgefallen, dass meine Social Media Icons, die ich per CSS mit border-radius: 3px; ausgestattet habe, im Internet Explorer ( getestet Version 11 und Windows Phone 8 ) unscharf angezeigt werden. Bei deaktiviertem border-radius ist alles wie gehabt.

Im Firefox habe ich hingegen keine Probleme. Was lässt sich hier machen? Ich dachte, IE 10, 11 unterstützen border-radius bereits.

 

[Daaron]

Verändert sich evtl. die Größe des Icons, weil irgendwo ein Padding/Margin eingeschummelt wird? Manche Browser skalieren Pixelgrafiken besser als andere.
Wenn dir Holzklasse-Browser egal sind, bau deine Social Icons aus SVGs, dann hast du keine Probleme und dein Kram skaliert sogar auf hochauflösende Displays wie das iPad perfekt hoch. Oder nimm eine Icon Font