How do you deal with 1px in line-height (WebKit and Firefox)?

Question

css

Hello!
Please write in what ways you align the line-height in browsers on the WebKit engine and in Firefox, since there is a difference of 1px. I searched on the Internet, but I did not see a normal answer.
At the moment I use the following construction (crutch):

@-moz-document url-prefix() {#kol_sk{line-height: 0.6;}}

Thanks in advance for your replies.

Answer 1

Maybe someone will need it, "wrote" a simple script that in the firefox browser reduces the value of all line-height by 1 px :

if ( $.browser.mozilla ) {
$('div').each(function() { 
var webkitlh = $(this).css('line-height');
if (webkitlh != 'normal') {
  var mozhlroz = Math.floor(parseInt(webkitlh.replace('px','')) - 1)+'px';
  $(this).css({'line-height' : mozhlroz});
};
});};

ps: it may be written crookedly, but the main thing is that it works =)