Добрый день. Имеется такой код
Ссылка на jsfiddle при выделении текста (браузер Chrome) получается некрасивое наслоение как на рисунке

Как это можно исправить?
Текст при этом должен находится на таком же расстоянии (т.е. строки близко друг к другу). Желательно с одним заголовком.