伪元素：在IE9之后 - 位置问题

Question

我有一个HTML元素，让我们说nav。要对它应用一些花哨的样式，我使用nav:after和以下代码：

header nav:after {
    content: "";
    width: 925px;
    height: 54px;
    display: block;
    left: -4px;
    top: -4px;
    z-index: -1;
    position: absolute;
}

在所有浏览器中，我都可以使用该代码获得所需的结果。只有Internet Explorer 9的行为方式不同。

:after - 元素位于4px太高，4px位于左侧太多。 如您所见，这显然是CSS的结果，但需要-4px top和left才能在所有其他浏览器中正确定位元素。

如果我将top和left设置为零，它在IE9中看起来很好，但在所有其他浏览器中都是错误的。

所以无论哪种方式，它看起来都是错误的 - 所以我不得不决定我想要哪种浏览器。必须有一些解决方法，我该怎么办？