Como posso ter uma caixa de texto que herda a largura do contêiner?

Por exemplo, eu tenho um div que tem uma caixa de texto dentro dele.

<div id='content' style='width:100%;'>
    <input type='text' name='txtUsername'>
</div>

O que eu queria fazer é quando eu redimensionar meu navegador, a caixa de texto deve seguir a largura de seu pai div.

Com o código acima, a caixa de texto sempre sobrecarrega seu contêiner sempre que eu redimensiono o navegador para uma largura menor.