title: table align center not working in chrome
body: <p>I have created a table and filtering using dynatable plugin.Its all working fine but my problem is, my table aligning center in firefox when i use below code,</p>
  
  <p><strong>CSS :</strong></p>
  
  <pre><code>table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
  .table{width:80%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
  .table th{font-weight:bold;}
  .table-hover tbody tr:hover&gt;td{background-color:#176940; color:white;}
  </code></pre>
  
  <p><strong>jsp :</strong></p>
  
  <pre><code> &lt;table id="my-table"  style="margin:auto;  border: thick solid black; text-align: left" border="1" &gt;
  
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;Name&lt;/th&gt;
            &lt;th&gt;Hobby&lt;/th&gt;
            &lt;th&gt;Favorite Music&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;Fred&lt;/td&gt;
            &lt;td&gt;Roller Skating&lt;/td&gt;
            &lt;td&gt;Disco&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Helen&lt;/td&gt;
            &lt;td&gt;Rock Climbing&lt;/td&gt;
            &lt;td&gt;Alternative&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;Glen&lt;/td&gt;
            &lt;td&gt;Traveling&lt;/td&gt;
            &lt;td&gt;Classical&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>the table displays like below image,
  <img src="https://i.stack.imgur.com/n1Xza.png" alt="enter image description here"></p>
  
  <p>but in chrome displays left alignment like below image,
  <img src="https://i.stack.imgur.com/bBnU2.png" alt="enter image description here"> </p>
  
  <p>Here is my fiddle : <a href="http://jsfiddle.net/Manivasagam/La196r4g/7/" rel="nofollow noreferrer">http://jsfiddle.net/Manivasagam/La196r4g/7/</a></p>
  
  <p>Where i am wrong?</p>