title: input text box width same as parent
body: <p>How can I have a textbox that inherits the width of it's container? </p>
  
  <p>For example I have a div that has a textbox inside it.</p>
  
  <pre><code>&lt;div id='content' style='width:100%;'&gt;
      &lt;input type='text' name='txtUsername'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I wanted to do is when I resize my browser, the text box must follow the width of it's parent div.</p>
  
  <p>With the code above, the textbox always overflow it's container whenever I resize the browser to a smaller width.</p>