Абсолютное позиционирование псевдо-элемента?

Question

[Murat Atila]

Есть элемент с таким стилем

.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;
        }

}

Во всех браузерах, кроме ИЕ9-11, картинка стоит ровно по центру, как и должна, почему не работает в IE? Кто сталкивался с этим?

Comments

[Егор Федосенко]

Создайте в jsfiddle пример и скиньте сюда

Answer 1

[Дима Паутов]

Попробуйте вот так
margin: -6px 0 0 -7.5px;

Comments

[Murat Atila]

Проблема в том, что в IE он не делает top:50%, он работает будто, top:0;

[Дима Паутов]

Murat Atila: тогда ваш код не полный. Ибо все должно быть идеально!

[Murat Atila]

Дима Турков: Простите, что значит не полный?

[Дима Паутов]

Murat Atila: Ну может какие-то другие стили влияют на его отображение!

Answer 2

[Дмитрий]

jsfiddle.net/2bzes8fq

:before работает по IE8
htmlbook.ru/css/before

::before работает по IE9
htmlbook.ru/css3/before