Internet Explorer iframe悬停传播

Question

我注意到在普通浏览器中，当你使用iframe时，它上面的所有DOM元素都会得到：hover pseudoclass - 除了在IE中：

HTML：

<div class="outer">
<iframe src="" frameborder="0" class="inner" width="100" height="100"></iframe>
</div>

CSS：

.inner{
  background: #000;
}

.outer{
  outline: 2px solid red;
}

.outer:hover{
  outline: 2px solid blue;
}

http://codepen.io/anon/pen/vKJwbz

当您将鼠标悬停在黑色方块上时，外部元素上的轮廓应为蓝色。在IE中它重置为红色。 有没有办法解决它？