Actualmente estoy trabajando en un sitio web y quiero cambiar el color de selección de texto.

Lo tengo algo funcionando. Este es (parte de) el código en mi hoja de estilo:

<code>::selection {
  background: #FF0099;
  color: black;
  text-shadow: none;
}

::-moz-selection {
  background: #FF0099;
  color: black;
  text-shadow: none;
}
</code>

Produce un resultado mayormente satisfactorio. Sin embargo, en algunos casos, el resaltado parece perder su color dado (de # FF099), como se muestra en esta imagen:

Como puede ver en la imagen de arriba, el texto se resalta completamente con el color correcto (# FF099); sin embargo, el área entre el texto del cuerpo y el título, así como a la izquierda del texto del cuerpo, se resalta con el color predeterminado (de azul). ¿Cómo puedo evitar que parte del resaltado vuelva a la configuración predeterminada?

Edición: imagen más grande disponible enhttp://i.imgur.com/NmZIf.png

un fragmento de código

<code>::selection {
    background: #FF0099;
    color: black;
    text-shadow: none;
}

::-moz-selection {
    background: #FF0099;
    color: #EEE;
    text-shadow: none;
}</code>

<code><p>sample</p>
<br />
<p>sample2</p></code>