ブラウザ間での改行幅の扱いで困ってます

Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
https://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に（150%など）とるしかありません

何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅（行の高さ）を維持したままでCSSでどうにかする方法はあるのでしょうか？
また何かヒントがあれば教えていただけるとありがたいです