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

The focus-inner fix works but I also add negative top and bottom margins to get it to the right height. e.g.:

*::-moz-focus-inner {
padding: 0;
border: 0;
margin-top:-1px;
margin-bottom:-1px;
}

I used to love Firefox, but it has become a bloated mess and fell off my Christmas list years ago.