Mystery padding from button

Question

У меня в основном проблема, когда моя кнопка должна сидеть на той же высоте, что и мои поля ввода, и вся информация, которую я читал в Интернете, кажется, говорит, что я делаю правильно, но, несмотря на отсутствие прокладка на кнопке все еще находится на 3 пикселя ниже, чем она должна делать.

Это можно увидеть здесь: http://jsfiddle.net/spadez/8Ej9U/embedded/result/

Это его свойства:

#search_form .button { 
    width:70px; 
    line-height:0; 
    font-size:0; 
    text-indent:-999px; 
    color: transparent; 
    background: url(http://i.imgur.com/LCQSXXY.png) no-repeat #a6668e center; 
    border: 1px solid #3079ED; 
} 

Мой вопрос, если кнопка и поле ввода оба 31px без заполнения, почему они сидят разные высоты и как мне это исправить?

Answer 1

У них просто разные позиции на линии. Укажите согласованные vertical-align (возможно, middle) для входов.

Answer 2

один способ это исправить, чтобы добавить этот

input{ 
float:left; 

}

, а затем очистить на следующий emelent

http://jsfiddle.net/8Ej9U/1/