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

lucasevaldt · 19 de janeiro de 2013

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

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=" " no html 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);