HTML e CSS - Search Box

[bruno4away 0]

Gostaria de saber o que tenho que fazer, para que o botão da lupa fique no campo text de pesquisa no site:

eu fiz os códigos:

CSS

.header form#quick-search{
   background: transparent;
   border: none;
padding-top: 16.25px;
padding-right: 45px;
float: right;
}
.header input#search{
color: #EAECEE;
width: 194px;
height: 26px;
border-radius: 4px;
border: 1px solid #4E699D;
font-size: 20px;
background-color: white;
background-image: url(../images/search-icon.png);
background-position: 170px;
background-repeat: no-repeat;
padding: 10px 10px;
}

HTML

<form id="quick-search" method="post">
<input id="search" type="text" value="Pesquisar...">
</form>

Eu gostaria de saber o que preciso para que o botão pesquisar, fique no campo de texto do lado direito, se alguém souber de uma dica..

[rikaschmitt 54]

Só colocar o button com a imagem da lupa e posicionar com absolute.

Mais ou menos assim: https://jsfiddle.net/wgk7f3xe/

[leonardo de andrade baessa 16]

Uma vez quebrei a cabeça e não foi legal.

Usei da seguinte forma

<input type="text" class="input-search" alt="lista-clientes" >
<! -- Defeni a div para sobrepor no lado direito encima do input logo ficou dentro -->
<div style="float: right;
            margin-top:-27px; 
            margin-right:20px;">
<img src="images/icons/search.png" width="16" height="16" alt="search">
</div> 

se não conseguir no método normal usa esse. :)