centralizar Não consigo centralizar este icone

[Ezegram 0]

Boa tarde pessoal!

 

Estou com um problema, já tentei de tudo pra centralizar verticalmente este icone no botão, porem, não vai.

 

<div id="search">
	<div class="inner">
		<form action="ponte_busca.aspx" method="post" name="form_teste">
			<div class="button-search"><i class="fa fa-search"></i></div>
			<input type="search" id="project" name="search" placeholder="Faça sua busca aqui..." value="" />
			<input type="hidden" id="project_pasta" name="pasta" value="" />
			<input type="hidden" name="codigo_produto" id="project_id" />
		</form>
	</div>
</div>

#search .button-search {
	float:right;
	background: #333;
	font-size:14px;
	color:#fff;
	width:68px;
	height:41px;
	text-align:center;
	line-height:41px;
	vertical-align: top;
	border:1px solid #1a1a1a;
	margin-left:1px;
	border-radius:0 3px 3px 0;
}

-

Já verifiquei se tinha algo em outro lugar impedindo, mas não achei nada.

[halfar 5]

substitua

Citar

 

vertical-align: top;

 

por 

 

padding-top: 10px