title: Getting the input box 100% even width inside a fieldset element
body: <p>I need your help,</p>
  
  <p>How can I get my input box positioned evenly inside my fieldset element at 100% width with respect to my fieldset?</p>
  
  <p>As it stands now, it seems the input box is pushing right out of the fieldset and im not sure why?</p>
  
  <p>Here's a pic of the problem (ie10):
  <img src="https://i.stack.imgur.com/ixvmh.png" alt="enter image description here"></p>
  
  <p>Here is the markup:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  
  &lt;style type="text/css"&gt;
  fieldset {
    padding: 3px;
    width: 300px
  }
  label {
    float:left;
    font-weight:bold;
  }
  input {
      width: 100%;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;fieldset&gt;
    &lt;legend&gt;Subscription info&lt;/legend&gt;
      &lt;input type="text" name="name" id="name" /&gt;
  &lt;/fieldset&gt;
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>