Remove white space above and below large text in an inline-block element

[EdAtun]

Say I have a single \[code\]span\[/code\] element defined as an inline-block. It's only contents is plain text. When the font size is very large, you can clearly see how the browser adds a little padding above and below the text.HTML:\[code\]<span>BIG TEXT</span>\[/code\]CSS:\[code\]span { display: inline-block; font-size: 50px; background-color: green;}?\[/code\]Live demo: http://jsfiddle.net/7vNpJ/I need to remove this "padding", one way is to simply alter the line-height, as with:http://jsfiddle.net/7vNpJ/1/This works great in Chrome but in Firefox the text is shifting towards the top (FF17, Chrome 23, Mac OSX).Any idea of a cross-browser solution? Thanks!