CSS: filling problem. Need help please

Question

I am having a strange CSS spacing issue in Chrome (but not in Firefox and / or IE).

My site is here.

The vertical spacing in Firefox between “ Property Search ” (H2 tag) and the form input field for “ San Francisco, California ” (# city-field input tag) is ideal, but in Chrome Chrome uses a longer / extra vertical span than we would like.

To help, I added a screenshot. The red line represents the extra spacing that Chrome adds to the fact that Firefox / IE does not.

Any ideas why Chrome uses more spacing than Firefox and IE.

And how to fix this problem.

Thanks in advance

UPDATE

reset, H2 .. HTML- , .

Answer 1

, - . h2 13-15 . . W3C, line-height: normal " , " " ." Firefox Chrome "" , .

Answer 2

reset.

CSS , H1, H2, UL, LI .. -. . reset , , .

Answer 3

-, Chrome 2px. , Firebug , Firefox. CSS :

#city-field {margin:0}

: , : . , : , , . float display: block, inline.

Answer 4

height #city-field, , 20px.

.