title: Table head Fixed with vertical Scroll not work in IE 11
body: <p>Please...  I need Help whith this...
  I have this code for a table with head fixed and vertical scroll and work fine:</p>
  
  <pre><code>&lt;style type='text/css'&gt;
  div.fixedHeaderTable table {  border-spacing: 0;
                               display: flex;
                               max-height: 180px;
                               overflow-y: auto;
                               overflow-x: hidden;
                               table-layout: fixed;
                               width: 98vw;
                               border:1px 
                               solid gray;
                            }
  div.fixedHeaderTable thead {  font-family: Verdana;
                               color: #FFFFFF;
                               background-color: #f1eee9;
                               position: fixed !important;
                            }
  div.fixedHeaderTable th    {  background-color:#CCCCCC;
                               background-color:#DA291C;
                               border-bottom: 1px solid #c4c0c9;
                               border-right: 1px solid #c4c0c9;
                            }
  div.fixedHeaderTable th, div.fixedHeaderTable td { text-align: center;
                                                    font-family: Verdana;
                                                    font-weight: bold;
                                                    margin: 0;
                                                    max-width: 18.5vw;
                                                    min-width: 18.5vw;
                                                    word-wrap: break-word;
                                                    font-size: 10px;
                                                    height: 25px !important;
                                                    padding: 2px;
                                                    border-right: 1px solid #c4c0c9;
                                                  }
  div.fixedHeaderTable tr:nth-child(2n) {   background: none repeat scroll 0 0 #edebeb;}
  &lt;/style&gt;
  
  &lt;div class='fixedHeaderTable'&gt;
  &lt;table&gt;
    &lt;thead&gt;
       &lt;tr&gt;
          &lt;th&gt;Fecha Despacho&lt;/th&gt;
       &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
       &lt;tr style='height: 40px;'&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Viernes, 28/04/2017  &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Sábado, 29/04/2017   &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Domingo, 30/04/2017  &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Lunes, 01/05/2017    &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Martes, 02/05/2017   &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Miércoles, 03/05/2017&lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Jueves, 04/05/2017   &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Viernes, 05/05/2017  &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Sábado, 06/05/2017   &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Domingo, 07/05/2017  &lt;/td&gt;&lt;/tr&gt;
       &lt;tr&gt;&lt;td&gt;Domingo, 28/05/2017  &lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And It's work very good in Chrome, FireFox, Etc...   But It isn't work in IE.</p>
  
  <p>Any sugestions...</p>
  
  <p>Help me Please...
  Thanks.</p>