IE 11 border-radius weirdness (did not occur in IE 9 and IE 10)

Question

I have searched for similar questions related to border-radius in IE 11, but only one found on the Microsoft IE Developer site described what I am also currently experiencin

Answer 1

The fractional pixel workaround can cause Firefox to skew text over by 1 pixel, due to their pixel-aligned workaround for cleartype blurriness in selective font sizes.

The overflow:hidden wrapper workaround in this msdn thread (where you posted) might be less prone to compatibility issues like that.

Answer 2

I think you are forgot anchor tag reset property in your css.

Actually IE Automatically taken 1px Border, You Must write reset property in your css img tag, a tag border:none

Like Below Code

img {border:none;outline:none}
a {border:none;outline:none}

Answer 3

As far as I know there's a bug with border-radius in IE11. The issue you describe may be part of the bigger picture. More info.