CSS：对齐背景图像

Question

我正在使用背景图片作为我用于搜索表单的提交按钮，并且我尝试将提交按钮/背景图像对齐，使其在搜索输入栏中垂直居中。

使用我的代码查看JSFiddle以更好地了解我的意思： http://jsfiddle.net/XVx5A/3/

它完全适合FF和Chrome，但由于某种原因被卡在IE的输入栏上方，我似乎无法弄清楚原因。关于这里发生了什么以及如何在IE中工作的任何建议？

注意：我最初使用图像本身来提交表单，但由于自动x＆amp;而不想这样做。 y坐标弄乱了干净的网址结构。

提前感谢您的帮助。

Answer 1

浮动按钮并在搜索字段中添加固定高度可以规范化定位。更新：http://jsfiddle.net/XVx5A/21/

您还可以使提交透明，并将搜索图标包含为文本字段的背景。

Answer 2

尝试从height:20px删除.submit_search_icon。至少在Mac上它在Chrome中看起来更好。