title: Div is not resizing in Internet Explorer
body: <p><strong> Edit</strong>
  Ok, after doing some research it seems to be the clearfix I am using.</p>
  
  <p>The second level wrapper (second wrapper > first wrapper > resize div ). actually contains two floated divs, next to each other.</p>
  
  <p>if below the two floated divs I have ` it all works perfectly.</p>
  
  <p>Whats going on?</p>
  
  <p><hr />
  Hi there,</p>
  
  <p>I have a div that can be hidden of shown via jQuery.</p>
  
  <p>this works perfect in any other browser.</p>
  
  <p>the containers around it are grown or shrunk correctly.</p>
  
  <p>Internet explorer however has decided not to play nice.</p>
  
  <p>what happens is,</p>
  
  <p>the div containing the jQueried div is grown or shunk correctly however the div <strike>containing that one</strike> containing the one that contains that one stays the same height.</p>
  
  <p>Now the annoying this is,
  I do not believe this to be a css issue, because as soon as I do something that causes the window to repaint (resize/bring up developer tools etc) this issue fixes itself.</p>
  
  <p>why is this and how can I fix it?</p>
  
  <p><hr />
  Wrapper div css</p>
  
  <pre><code>background: -webkit-gradient(linear, 0% 0, 0% 100%, from(white), to(#D9D9D9));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#D9D9D9');
  background: -moz-linear-gradient(270deg, white, #D9D9D9);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
  -moz-border-radius: 0 0 10px 0;
  padding: 10px;
  float: left;
  width: 710px;
  </code></pre>
  
  <p>Wrappers wrapper div css</p>
  
  <pre><code>background-color: #D4D3D1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius: 0 0 10px 10px;
  border: 1px solid #8B8B8B;
  
  .clearfix {
  display: inline-block;
  }
  
  .clearfix::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  }
  </code></pre>
  
  <p>Wrappers wrapper wrapper div css</p>
  
  <pre><code>background-color: white;
  padding: 10px;
  </code></pre>