alinhar select com button

Bom dia,

Não sei mais o que fazer para conseguir alinhar o select com o button, estou a manhã inteira tentando e não consigo. E o pior é que em cada navegador fica diferente.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img515.imageshack.us/img515/4591/selectmn.png&key=1e93a4836ce6c28087fdaea30f8418da25133247b625c20017267951bc0438af" alt="selectmn.png" />

* {

	padding: 0;
	margin: 0;
	border: 0;
	}

.botao{
	background: url(ir.gif) no-repeat;
	height: 30px;
	width: 29px;
	border: 1px solid #241d00;
	margin: 0px 0px 0px -5px;
	}

select{
	width: 250px;
	height: 30px;
	font: bold 16px arial, sans-serif;
	padding: 4px 5px 5px 0px;
	border: 1px solid #241d00;
	text-transform: uppercase;
	outline-color: white;
	margin: 5px 0px 0px 5px;
	}

<form name="url" method="post" action="#" >
<select name="categoria" id="categoria">
<option value="">Selecione</option>
<option value="#">opção</option>
<option value="#">opção</option>
</select>
<input type="button" onClick="javascript:abrirurl()" class="botao" value=" ">
</form>

Somente no Opera está exibindo no modo correto, no resto o botão está 1px para cima ou para baixo, tirando o Safaria que o height não funcionou, alguém me da uma dica?