按钮图片表单显示不对齐

投资策略  
  <div style="vertical-align:middle;"><input style="width:210px;height:20px;" name="strategy" type="text"  size="20" id="strategy" value="<?=@$profile->strategy?>"/>　<input type="image" src="/resources/ofapp/images/submit_cl.jpg" alt="提交策略" name="submit"/>

</div>

结果：文字input能对齐，而按钮居上显示怎么也不对齐，在外面加div设置   vertical-align:middle;也不管用。

解决办法：在按钮里面加这个属性，正确如下：

<input type="image" src="/resources/ofapp/images/submit_cl.jpg" alt="提交策略" name="submit" style = "vertical-align:middle;" />