title: Strange redraw in IE11
body: <p>I have pared down css and html to this <a href="http://jsfiddle.net/LYME9/4/" rel="nofollow">http://jsfiddle.net/LYME9/4/</a></p>
  
  <pre><code>&lt;div class="first"&gt;
      &lt;div class="firstChild"&gt;First&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="second"&gt;
      &lt;div class="secondsChild"&gt;
          child
      &lt;/div&gt;
  &lt;/div&gt;
  
  .first{
      clear:both;
  
  }
  .firstChild{
      float:left;
  
  }
  .secondsChild{
      float:left;
      clear:both;
      margin-top:100px;
  
  }
  </code></pre>
  
  <ol>
  <li>Open the item in IE11.<br/></li>
  <li>When you inspect the secondsChild element, you will see the margin starts right below the "first" div. <br/></li>
  <li>Change the "first" div to have position:fixed. Inspect the secondsChild element, you will see the margin starts above the "first" text.<br/></li>
  <li>Remove the position:fixed the "first" div . Inspect the secondsChild element, you will see the margin starts above the "first" text. It isn't redrawn correctly.</li>
  </ol>
  
  <p>Shouldn't it be redrawn the same or is there some explanation I just don't see? Haven't found any reference to this bug in the internet explorer team. Anyone experienced it before?</p>