title: Overflow property not working in IE 11
body: <p>My code below works fine in most browsers (Chrome, Firefox, Safari, Edge) but does not seem to work in IE11.</p>
  
  <p>I'm reading about the Known Issues at <a href="http://caniuse.com/#search=flexbox" rel="noreferrer">caniuse</a> but it doesn't seem to say anything about IE11 and <code>overflow</code>. Is this a bug in IE 11 or am I missing something?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container {
    display: flex;
    max-height: 100px;
    flex-direction: column;
    border: 1px solid red;
  }
  .header {
    background: #eee;
  }
  .container &gt; div {
    flex: 0 0 auto;
  }
  .container &gt; div.content {
    flex: 0 1 auto;
    overflow: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
    &lt;div class="header"&gt;Header without specific height. Always stays at top of .container, even if it is so long it uses up two lines.&lt;/div&gt;
    &lt;div class="content"&gt;
      &lt;div&gt;Item no 1 in long list&lt;/div&gt;
      &lt;div&gt;Item no 2 in long list&lt;/div&gt;
      &lt;div&gt;Item no 3 in long list&lt;/div&gt;
      &lt;div&gt;Item no 4 in long list&lt;/div&gt;
      &lt;div&gt;Item no 5 in long list&lt;/div&gt;
      &lt;div&gt;Item no 6 in long list&lt;/div&gt;
      &lt;div&gt;Item no 7 in long list&lt;/div&gt;
      &lt;div&gt;Item no 8 in long list&lt;/div&gt;
      &lt;div&gt;Item no 9 in long list&lt;/div&gt;
      &lt;div&gt;Item no 10 in long list&lt;/div&gt;
      &lt;div&gt;Item no 11 in long list&lt;/div&gt;
      &lt;div&gt;Item no 12 in long list&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>