水平对齐输入字段

我正在尝试获取一个输入字段，并且它与同一水平线上的关联提交按钮相关，但事实证明这是一个挑战。

这是我的代码：

<form name="prodSearch" action="/products/index.cfm" method="post">
        <input type="text" name="prodKeyword" maxlength="50">
        <input type="image" name="submit" src="/_css/images/but-ok-small.png">
</form>

您可以在以下位置查看该网站（表格位于标题中）：http://d620923.u161.fasthit.net/ http://d620923.u161.fasthit.net/

基本上我要么需要将输入字段向上推一点，要么将按钮向下推一点。我已经尝试了一切..行高、填充、边距、表格等..但无法让它们让步。

任何建议都非常感谢！

将其添加到您的风格中。

#productSearch form input {
    vertical-align: middle;
}