:: choice of background color and color rendering in browsers

Problem

Using the following simply does not work properly in browsers -webkit-and -moz-:

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

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

Result: browsers with WebKit and Blink support

Chrome, Opera, and Safari ::selection background-colordisplay as if it were 50% alpha, but the font color is correct.

Chrome 29.0.1547.62:

Opera 15.0.1147.130:

Safari 5.34.57.2:

Result: Gecko-enabled browsers

In Firefox, the complete rule is ::selectionignored. ::selection background-colorjust happens to be white due to #exampleElementdark background-color(thanks to @BoltClock for this remark)

Firefox 22.0:

Result: Trident-enabled browsers

In Internet Explorer (you would believe) everything is done perfectly.

Internet Explorer 10.0.9200.16660:

/ -webkit- -moz-, ?

jsFiddle, : http://jsfiddle.net/BWGJ2/