IE 11 border-radius étrangeté (ne se produit pas dans internet explorer 9 et internet explorer 10)

J'ai cherché pour les mêmes questions liées à border-radius dans IE 11, mais seulement on a retrouvé sur le Microsoft IE site des Développeurs décrit ce que je suis aussi actuellement confronté depuis "mise à niveau" à IE 11. La réponse à la poster dans ce thread était de s'assurer que le DOCTYPE est en HTML5, et pas de Caprices.

Je suis en train de terminer une refonte sur un site, et oui, c'est du HTML5 et a le bon DOCTYPE, mais j'ai toujours un problème bizarre avec border-radius. Il y a un 1px décalage de presque tous les éléments où j'ai appliqué un border-radius. Si je décochez border-radius, le problème disparaît et tout est très bien, mais étonnamment, ce n'était pas un problème dans IE 9 ou 10 IE. Seulement depuis IE 11 il y a quelques jours, ce problème a fait surface. J'ai testé sur Windows 7 avec IE 11 et Windows 8.1 avec IE 11, et le problème existe sur les deux.

Exemple 1:

J'ai un border-radius: 5px 0 0 5px ici, et d'appliquer ensuite séparer les pseudo-éléments :before et :after pour obtenir de la pointe du triangle, mais le border-radius semble être la création d'un 1px blanc de la ligne, donc il n'est plus alignée avec le reste de l'élément. Cela a bien marché, même dans IE 8, mais il est maintenant brisé dans IE 11. Si je supprime le border-radius, le pseudo-élément triangle devient rincer avec de l'élément nouveau.

Exemple 2:

Un <a> bouton de lien, affiché comme inline-block a un dégradé linéaire pour un arrière-plan bleu 1px solid border et border-radius: 4px. Mais le border-radius crée un autre 1px ligne blanche à l'intérieur de la bleu 1px frontière. Pas question de tout autre border-radius valeur, la ligne blanche demeure, à moins que border-radius est de 0.

Exemple 3:

Trois <a> lien éléments de display: inline-block à l'intérieur d'un <div> positionnées l'une par rapport à l'autre <div> dessous. Le fond <div> a un border-radius: 4px, et la <a> éléments à l'intérieur du haut <div> ont border-radius sur le haut à gauche et à droite (indiqué). IE 11 affiche un 1px écart entre les deux <div> éléments (comme indiqué dans les autres affiches fil lié ci-dessus). Mais si les border-radius sur le fond <div> est réglé sur 0, l'écart disparaît.

Encore une fois, aucune de ces instances ont été un problème dans internet explorer 9 et internet explorer 10; seulement depuis IE 11 a cette "1px écart" avec des éléments ayant border-radius est apparu. Je ne sais pas comment le résoudre. Bien sûr, pas les autres navigateurs sont affectés. Firefox, Safari, Opera, Chrome et toutes écran fine.

Toute aide serait grandement appréciée.