alinhar select com button

[Guilhermej 1]

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.

 

* {
	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?

[vbavinicius 0]

Cara, tenta por float:left nos dois !

[Guilhermej 1]

Obrigado Vinicus, era isso mesmo. Alguém sabe porque o uppercase e o height não estão funcionando no Safari?

[Nícolas Luís Huber 14]

Cara não sei o que está acontecendo com o text-transform no safari, simplesmente não funciona. Procurei um pouco e não acho nenhuma solução, acho que é um bug que ainda não tem correção!

[Guilhermej 1]

Nícolas, será que o height também não funciona?. Já tentei selecionar o select de tudo que é jeito e também não vai :upset:

[Diéssica 140]

Apenas incompatibilidade. Safari é cheio de frescuras.

height: Você pode substituir por line-height ou utilizar padding, no CSS.
text-transform: Utilize a função toUpperCase() do JavaScript. Não que valha a pena, mas é uma alternativa. :)