Цветное выделение текста

Selection – одна из интересных функций CSS3 при помощи которой можно заменить стандартный цвет выделения текста. На мой взгляд selection практически бесполезна, но возможно кто то придумает этой функции разумное применение. Переходим к коду.

CSS-код:

p {
font-size: 1.5em;
margin-bottom: 2.2em;
}
p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}
p.blue::selection {
background: #a8d1ff;
}
p.blue::-moz-selection {
background: #a8d1ff;
}
p.yellow::selection {
background: #fff2a8;
}
p.yellow::-moz-selection {
background: #fff2a8;
}

HTML-код:

<div id="page-wrap">
<p class="red">При выделении бэкграунд этого текста будет красным.<p>	
<p class="blue">При выделении бэкграунд этого текста будет голубым.<p>
<p class="yellow">При выделении бэкграунд этого текста будет желтым.<p>
</div>

Пример, того что получится, можно посмотреть здесь.

Работоспособность:
Internet Explorer 8
Firefox 3.5.4
Opera 9.64