title: Flexbox alignment in IE11
body: <p>In the attached Codepen, you will see that I am using Flexbox to align the Logo and Menu icons in the header. The logo should be aligned left, the menu icon right. (I have other elements but this is just a simplified version for demonstration).</p>
  
  <p>When testing in IE11, I see that the Flexbox isn't working. As far as I can tell via the documentation, IE11 should be supporting this. I have other Flexbox elements, which are also not working.</p>
  
  <p>As you can see, the prefix is added for IE10.</p>
  
  <p>Is anyone able to tell me where I am going wrong here?</p>
  
  <p><a href="https://codepen.io/anon/pen/EWqvNv" rel="nofollow noreferrer">https://codepen.io/anon/pen/EWqvNv</a></p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }           
  
  .nav-logo {
      margin-right: auto; 
  }   
  </code></pre>