Firefox line-height issue with input fields

Question

I have realized the problem before but I guess it didn\'t matter as much then as it did now.

What I discovered is that Firefox has a default line-height value of 1.2

Answer 1

If your input and submit button are side by side, with the button down about 1px lower then the input (looks like your background image is off), a simple:

display:inline-block;
vertical-align: top;

on the button lines it up perfectly in FF & IE.