Estou desenvolvendo meu primeiro site HTML5 / CSS3 e quero fazer tudo o que puder corretamente, com métodos bem e também utilizáve

Preciso reproduzir a próxima entrada de pesquisa neste site:

O que eu não sei como fazer é implementar o plano de fundo da imagem ou se a imagem precisa ser um<input type="image" />.

No momento, o que eu tenho é o próximo:

#header-search input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #8e8e8e;
    background-color:#f5f5f5;
    height:16px;
    padding:4px;
    color:#4a4a4a
}

Isso cria uma entrada com o mesmo raio e toda a área é um texto de entrada. Não há espaço para a lente de aumento e, se fosse um plano de fundo, a imagem não poderá ser clicada. Nesse ponto, o que é melhor? Deixe a entrada ser acionada apenas por ou ... como você fará isso?

De qualquer forma, faça isso, por favor me dig

Agradeço antecipadamente