Como alinhar o botão a caixa de testo do formulário de pesquisa?

veja a caixa de texto e o botão verde como tá totalmente desalinhado:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i47.tinypic.com/nd1smf.jpg&key=f98b8a48d2ff3229dd729b014cc76bcbcd1147e22d0a47ff689f0c45fc70f5d6" alt="nd1smf.jpg" />

Eu to tentando com "padding" e "margin" mas tipo ele não sobe pixel a pixel o máximo que acontece quando chego nos 20pxs de top ou botton é eles inverterem de posição o branco desce e o verde sobe

a unica vez que fico alinhado foi quando eu coloquei value=" " ai sim fico perfeitamente alinhado mas foi só tirar porque ficaria feio e desgraço tudo.

Alguém tem ideia de como alinhar?

olhem meu como fiz:

<div id="pesquisar">
 <form>
	<span><input type="text" class="textboxPesquisar" placeholder="Perquisar..." />
 <input type="button" class="botãoPesquisar" /></span>
 </form>
</div>
 

#pesquisar {
 float:right;
 padding-top: 21px;
 width: auto;
 height: 70px;
 margin-right: 9px;
}

.textboxPesquisar {
 width: 150px;
 height: 28px;
 padding-left: 3px;
 padding-bottom: 10px;
 border: 0px;
 background: url(images/bg-pesquisar.png) no-repeat;
 outline:none

}

.botãoPesquisar {

 width: 30px;
 height: 28px;
 padding-bottom: 10px;
 border: 0px;
 cursor: pointer;
 background: url(images/bg-Iconepesquisar.png);