title: Inconsistent box model between <input type="submit"/> and <input type="text" />
body: <p>I realised that <code>&lt;input type="submit"/&gt;</code> has a <code>border-box</code> box model, whereas <code>&lt;input type="text"/&gt;</code> has a <code>content-box</code> box model. This behavior is present in IE8 and FF. Unfortunately, this prevents me from applying this style for nice evenly sized inputs:</p>
  
  <pre><code>input, textarea
  {
      border: 5px solid #808080;
      padding:0px;
      background-color:#C0C0C0;
      width:20em;
  }
  </code></pre>
  
  <p>Is this correct behaviour by IE and FF? And is there a cross-browser way around this problem?</p>