title: padding a fieldset, trouble with IE
body: <p>What is going on with rendering the padding of a fieldset. It behaves as expected in FF and Chrome but fails in IE. This is the code im talking about:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;fieldset&gt;
              &lt;legend&gt;Hello world!&lt;/legend&gt;
              &lt;div&gt;Lorem ipsum&lt;/div&gt;                
          &lt;/fieldset&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is the css</p>
  
  <pre><code>fieldset {
      border: 1px solid black;
      padding: 30px;
      }
      fieldset legend {
          background-color: silver;
      }
      fieldset div {
          border: 1px dotted silver;
      }
  </code></pre>
  
  <p>Can also be seen here:
  <a href="http://jsfiddle.net/nRAGM/6/" rel="nofollow">http://jsfiddle.net/nRAGM/6/</a></p>
  
  <p>So my question is: how to get the above html to display as intended in IE?</p>