How to style button inputs to be identical in Chrome and Firefox?
===

Take a look at [this JSFiddle example](http://jsfiddle.net/SnZX2/2/) in Chrome and FireFox.

In Chrome, the button should be a tad smaller than in FireFox. I have added the solution CSS from http://stackoverflow.com/q/5459893/388916 (which made the button a little smaller) but the button is still bigger in FireFox. The difference isn't very visible in this example, but have a look at how it affects my design.

Chrome:  
![Chrome screenshot][1]

FireFox:  
![FireFox screenshot][2]

As you can see the button is thicker in FireFox and is affecting the layout. Is there any way of avoiding this short of using styled divs in place of buttons?

  [1]: http://i.stack.imgur.com/XaZhF.png
  [2]: http://i.stack.imgur.com/CWrNr.png
