title: Which CSS bug is this? (margin-bottom, ie6 + ie7)
body: <p>In ie6 and ie7, the <code>margin-bottom</code> from the <code>p</code> is being applied to both the <code>p</code> AND the <code>div</code> just below it.</p>
  
  <p>In other words, this code will apply a <code>margin-bottom</code> of 20px to both the <code>p</code> and the <code>div</code> in ie6 and ie7. No problems in any version of FF, Opera, Chrome/Safari or ie8.</p>
  
  <pre><code>&lt;p style="margin-bottom: 20px;"&gt;Hello world!&lt;/p&gt;
  &lt;div style="float: left; display: inline"&gt;
      Hello world, part deux.
  &lt;/div&gt;
  </code></pre>
  
  <p>Of course, removing the float from the div remedies the problem. Which ie/CSS bug is this, if any, and what should I search for to figure out how to fix it?</p>
  
  <p>p.s. I cannot assign a width to the <code>div</code>, unfortunately.</p>