title: WebBrowser style not applying properly in WinForms
body: <p>This is the HTML code I use in my WinForms application:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
      #vif {
      margin:20px 5px 5px 5px;
      background-color:#888;
      }
      #inf li {
      margin-left:40px;
      color:#fff;
      }
      #inf {
      margin-top:15px;
      padding-bottom:15px;
      display:inline-block;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="vif"&gt;
      &lt;div id="inf"&gt;
          &lt;li&gt;Hello!&lt;/li&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I save personally and used IE9 to display, it works fine, but when the <code>WebBrowser</code> uses it, the <code>margin-top</code> on <code>#inf</code> was not applied. Why? Isn't it the same IE I use? The same code display differently! </p>
  
  <p>The proper render should have a gray box with margin around it and the white text should fix in the middle.</p>
  
  <p>How to display properly using <code>WebBrowser</code>?</p>