CSS：背景の画像を整える

Question

私は検索フォームに使用している送信ボタンの背景画像を使用しています。送信ボタン/背景画像を、検索入力の中心に垂直になるように整列しようとしていますバー。

私が何を意味するかの良いアイデアを得るために、私のコードでJSFiddleをチェックアウト： http://jsfiddle.net/XVx5A/3/

それはFFとChromeのために完璧に揃えますが、何らかの理由でIEで入力バーの上立ち往生、およびIれます理由を理解できないようだ。ここで何が起こっているのか、IEでこの作業を行う方法についてのアドバイスはありますか？

注：私はもともとフォーム自体を使用していましたが、自動x &座標がクリーンなURL構造を乱しているため、そのようにしたくありません。

ご協力いただきありがとうございます。

Answer 1

ボタンをフローティングし、検索フィールドに固定の高さを追加すると、位置が正規化されます。更新：http://jsfiddle.net/XVx5A/21/

送信を透明にし、テキストフィールドの背景として検索アイコンを含めることもできます。

Answer 2

height:20pxを.submit_search_iconから削除してください。少なくともMacではChromeでうまく見えます。