CSS：對齊背景圖像

Question

我正在使用提交按鈕的背景圖像，用於搜索表單，並且正在嘗試對齊提交按鈕/背景圖像，以便它在搜索輸入內垂直居中酒吧。

檢查出的jsfiddle我的代碼得到什麼，我的意思是一個更好的主意： http://jsfiddle.net/XVx5A/3/

它完全對齊的FF和Chrome，但由於某種原因被卡在IE瀏覽器輸入欄上方，和我似乎無法弄清楚爲什麼。任何關於這裏發生了什麼的建議，以及如何使這個工作在IE中？

注意：我最初使用圖像本身來提交表單，但不希望這樣做，因爲自動x & y座標搞亂了整潔的url結構。

在此先感謝您的幫助。

Answer 1

浮動按鈕並將固定高度添加到搜索字段可以使定位正常化。更新：http://jsfiddle.net/XVx5A/21/

您還可以使提交透明幷包含搜索圖標作爲文本字段的背景。

Answer 2

嘗試從.submit_search_icon刪除height:20px。至少在Mac上，它在Chrome中看起來更好。