title: The box model and IE
body: <p>I'm noticing something that I've not seen before with regard to IE and the box model.</p>
  
  <p>I have a form tag with a width of 800px and a height of 500px. When I put an h2 tag into this form area, IE reports that the box is taller than the height I assigned (By the height and margin/padding I gave to the h2 tag).</p>
  
  <p>In Firefox and all other browsers, the height does not change. What gives?</p>
  
  <pre><code>form #post{
      height:500px;
      width:800x;
  }
  
  h2{
      font-size:20px
  }
  
  &lt;form id="post"&gt;
    &lt;h2&gt;The Header&lt;/h2&gt;
    &lt;div&gt;1&lt;/div&gt;
    &lt;div&gt;2&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>