title: Bootstrap table border not showing properly in firefox
body: <p>Bootstrap table border not showing properly in Firefox. I have created a table in project but it's not showing properly in Firefox. But Chrome is fine.</p>
  <p><a href="https://i.stack.imgur.com/QNZMv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QNZMv.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#product-attribute-specs-table th {border-bottom: medium none;border-radius: 0;border-right: medium none;box-shadow: none;color: #333333;display: block;font-size: 100%;font-weight: 600;line-height: 1.42857;text-align: left;    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;table id="product-attribute-specs-table" class="data-table table table-striped"&gt;
    &lt;tbody&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr odd=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr even=""&gt;
        &lt;th class="label "&gt;Test 1&lt;/th&gt;
        &lt;td class="data"&gt;Test 2&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>