IE11及更低版本中伪元素的溢出不正确

Question

我无法在IE11及以下版本（以及Windows上的Safari 5.1）上正确应用overflow：hidden到具有边框半径的伪元素。

添加溢出：隐藏到父元素解决了问题但不幸的是在我的情况下我不能将隐藏的溢出应用于父元素。

div:after {
  content: "X";
  display: block;
  width: 200px;
  height: 200px;
  font-size: 300px;  
  border: 1px solid red;
  border-radius: 100%;
  overflow: hidden;
}

这是一支笔来说明：

http://codepen.io/alexandtheweb/pen/GgMyXO