inputのズレを揃える

検索窓などブラウザ間やiphoneやandroidなどで見たときにずれているなどの現象がよく見られるとは思います。

そんなときの解決策としては
・buttonにoverflow:visible;のプロパティを指定する
・vertical-alignを指定
・positionをrelativeにして、高さの相対値を揃える

上記の指定をしてやることです、

select, input, textarea, button { 
     vertical-align:middle; 
     position:relative; 
}

input { 
     height: 15px; 
     line-height: 15px; 
}

button, input[type="button"] {
     overflow:visible; 
     height:20x;
     padding:0 3px;
}