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

Firefox and Chrome render padding exactly the same way. Your problem is elsewhere.

Are you using a reset CSS? If not, the default line-height declaration might be interfering with the rendering of your button.

For one, your height is way smaller than your font-size. Since you don't have overflow specified, your height will always be extended to at least font-size (or whatever your line-height specifies).

If your .button class is actually a element, also apply superUntitled fix.