input文本框等垂直居中的最简单办法！！

前几天做一网站的开发，其中有几个input文本框、按钮等内容要放到一个li中。发现它们的排列方式特别难看在li的上面不能垂直居中。找了不少办法都没有效果，最后自己研究出了一不是办法的办法。下面是代码有需要的朋友可以参考下。
<div style="border-top:#3c3c3c 3px groove; border-left:#3c3c3c 30px groove; border-right:#3c3c3c 22px groove;"><form name="searchform" method="post" action="research.asp" >
                  <td align="right"><input name="searchkey" type="text" size="15" maxlength="15" value="关键字" style="BORDER-RIGHT: #ffffff 1px groove; BORDER-TOP: #ffffff 1px groove; FONT: 14px Verdana,Geneva,sans-serif; BORDER-LEFT: #ffffff 1px groove; WIDTH: 140px; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px groove; HEIGHT: 19px; BACKGROUND-COLOR: #ffffff"onFocus="this.value=''">
                      <select name="action" style="BORDER-RIGHT: #ffffff 1px groove; BORDER-TOP: #ffffff 1px groove; FONT: 14px Verdana,Geneva,sans-serif; BORDER-LEFT: #ffffff 1px groove; WIDTH: 80px; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px groove; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff">
                        <option value="1" selected>商品名称</option>
                        <option value="2">商品品牌</option>
                        <option value="3">商品简介</option>
                        <option value="4">详细说明</option>
                        <option value="5">商品编号</option>
                      </select>
                      <input name="jiage" type="hidden" value="0">
                      <input style="height:20; font:9pt; BORDER-BOTTOM: #cccccc 1px groove; BORDER-RIGHT: #cccccc 1px groove; BACKGROUND-COLOR: #ffffff" type="submit" name="Submit2" value="立即查询" onClick="return check();" >
                      <input style="height:20; font:9pt; BORDER-BOTTOM: #cccccc 1px groove; BORDER-RIGHT: #cccccc 1px groove; BACKGROUND-COLOR: #ffffff" type="button" name="Submit2" value="高级查询" onClick="location.href='search.asp'">                  </td>
                </form></div>
      </li>
    </ul>
本事不高请别见笑。