The height of text between different browsers
<p>I made an easy example and try to get the height of string.</p>

<pre><code>jQuery(function () {
    var jqSpan = $('span');
    jqSpan.css({
        'font-family': 'Arial',
        'font-size': '24px',
        'font-weight': 'bold'
    });
    $('#result').text(jqSpan[0].offsetHeight);
});
</code></pre>

<p><a href="http://jsfiddle.net/DCBP9/1/" rel="nofollow">http://jsfiddle.net/DCBP9/1/</a></p>

<p>I found the value is different between the different browsers. I have used reset.css, but it's value still not the same.</p>

<p>For example: (Mac)<br>
In my example, Chrome is 27, Firefox is 28, Opera is 25, and Safari is 27</p>

<p>I know each browser has its own render engine, but I want to know is it possible to let them identical.</p>
