title: Internet Explorer 11 flexbox issues
body: <p>The code I've written works in every browser I've tested except IE 11. The problem seems to be here:</p>
  
  <pre><code>#wrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -o-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      -o-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      position: relative;
      top: 1em;
  }
  </code></pre>
  
  <p>If I remove flex, it becomes more manageable, but with them, it shrinks all the content into this long, narrow div that goes on forever.</p>
  
  <p>Would it help if I tested in IE 10?</p>