::selection background-color и цветопередача в браузерах

Проблема

Использование следующего просто не работает должным образом в браузерах -webkit-и -moz-:

#exampleElement {
    background-color: red; /* For example */
}

#exampleElement ::selection {
    color: black;
    background-color: white;
}

 

Результат: браузеры на базе WebKit и Blink

В Chrome, Opera и Safari ::selection's background-colorотображается так, как если бы это было 50% альфа, но цвет шрифта правильный.

Chrome 29.0.1547.62:

Opera 15.0.1147.130:

Safari 5.34.57.2:

Результат: браузеры на базе Gecko

В Firefox весь ::selection правило игнорируется. ::selection's background-colorоказался белым из-за #exampleElementdark background-color(спасибо @BoltClock за то, что заметил это)

Firefox 22.0:

Результат: браузеры на базе Trident

В Internet Explorer (вы не поверите) все отображается идеально.

Internet Explorer 10.0.9200.16660:

Является ли это просто недостатком этих механизмов рендеринга / браузеров или существуют альтернативы -webkit-и -moz-, которые Я не в курсе?

Я сохранил пример этого на jsFiddle, чтобы люди могли его увидеть: http://jsfiddle.net/BWGJ2/