difference between Firefox and Chrome padding

Question

there is a difference in how firefox and chrome render the padding in css. what appears correct in chrome is extra padded in firefox. is there a way to solve?

.b         


        

Answer 1

You are actually correct - there is a bug in Firefox where the button element's line height cannot be changed with the CSS line-height property.

See this link for details: http://www.cssnewbie.com/input-button-line-height-bug/

The solution is to use padding instead of line-height.