Absolute positioning of a pseudo-element?

Question

css

There is an element with this style

.test {
position: relative;

&:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 15px;
            height: 12px;
            background: url('../m/check.png');
            margin: -5px 0 0 -6.5px;
            overflow: visible;
        }

}

In all browsers, except IE9-11, the picture is exactly centered, as it should, why doesn't it work in IE? Who faced it?

Answer 1

Try like this
margin: -6px 0 0 -7.5px;

Answer 2

my selectivizr will help or try not through : but through ::

Answer 3

jsfiddle.net/2bzes8fq
:before works on IE8
htmlbook.ru/css/before
::before works on IE9
htmlbook.ru/css3/before