title: HTML input element wider than Containing Div
body: <p>I have an html  element that is contained within a div. Height are dictated by the outer div and the height and width of the input control are 100%. At the most basic level, I am having an issue where the textbox extends past the right of the containing div.</p>
  
  <p>Basic example code:</p>
  
  <pre><code>&lt;div style="height:25px; width: 150px;"&gt;
       &lt;input type="text" style="height:100%; width:100%"  /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The rendering of this control is far more complex than this, but still when the control is stripped down to this level, I have an issue where the textbox sticks out past the containing div. </p>