title: Display block is not working in IE
body: <p>I am using Bootstrap Table responsive in my rails 4 application.</p>
  
  <p>I have a table structure like below:</p>
  
  <pre><code>&lt;DIV class=table-responsive&gt;
          &lt;TABLE style="display: block" id=data class="table table-striped table-hover" cellSpacing=0 cellPadding=0&gt;
              &lt;THEAD&gt;
              &lt;TR&gt;
              &lt;TH&gt; 1 &lt;/TH&gt;
              &lt;TH&gt; 2 &lt;/TH&gt;
              &lt;TH&gt; 3 &lt;/TH&gt;
              &lt;TH&gt; 4 &lt;/TH&gt;
              &lt;TH&gt; 5 &lt;/TH&gt;  
              &lt;TH&gt; 6 &lt;/TH&gt;    
              &lt;TH&gt; 7 &lt;/TH&gt;    
              &lt;TH&gt; 8 &lt;/TH&gt;    
              &lt;TH&gt; 9 &lt;/TH&gt;    
              &lt;TH&gt; 10 &lt;/TH&gt;
              &lt;/TR&gt;
              &lt;/THEAD&gt;
              &lt;TBODY&gt;
                  &lt;TR class=row0&gt;
                      &lt;TD&gt;a&lt;/TD&gt;
                      &lt;TD&gt;b&lt;/TD&gt;
                      &lt;TD&gt;c&lt;/TD&gt;
                      &lt;TD&gt;d&lt;/TD&gt;
                      &lt;TD&gt;e&lt;/TD&gt;
                      &lt;TD&gt;f&lt;/TD&gt;
                      &lt;TD&gt;g&lt;/TD&gt;
                      &lt;TD&gt;h&lt;/TD&gt;
                      &lt;TD&gt;i &lt;/TD&gt;
                      &lt;TD&gt;j&lt;/TD&gt;
                  &lt;/TR&gt;
                  &lt;TR class=row0&gt;
                      &lt;TD&gt;a&lt;/TD&gt;
                      &lt;TD&gt;b&lt;/TD&gt;
                      &lt;TD&gt;c&lt;/TD&gt;
                      &lt;TD&gt;d&lt;/TD&gt;
                      &lt;TD&gt;e&lt;/TD&gt;
                      &lt;TD&gt;f&lt;/TD&gt;
                      &lt;TD&gt;g&lt;/TD&gt;
                      &lt;TD&gt;h&lt;/TD&gt;
                      &lt;TD&gt;i &lt;/TD&gt;
                      &lt;TD&gt;j&lt;/TD&gt;
                  &lt;/TR&gt;
                  &lt;TR class=row0&gt;
                      &lt;TD&gt;a&lt;/TD&gt;
                      &lt;TD&gt;b&lt;/TD&gt;
                      &lt;TD&gt;c&lt;/TD&gt;
                      &lt;TD&gt;d&lt;/TD&gt;
                      &lt;TD&gt;e&lt;/TD&gt;
                      &lt;TD&gt;f&lt;/TD&gt;
                      &lt;TD&gt;g&lt;/TD&gt;
                      &lt;TD&gt;h&lt;/TD&gt;
                      &lt;TD&gt;i &lt;/TD&gt;
                      &lt;TD&gt;j&lt;/TD&gt;
                  &lt;/TR&gt;
                  ...
              &lt;/TBODY&gt;
  
          &lt;/TABLE&gt;
      &lt;/DIV&gt;
  </code></pre>
  
  <p>I have added display block to the above table when its header count reaches more then 5, It works in Chrome and it creates a nice Scroll at the right end in Chrome.</p>
  
  <p>When I run the same page in IE, display block is getting added to the table, but there is no change in the View, No scroll at the right end nor the height reduces.
       Kindly advise on this.</p>