title: table adds extra pixels in firefox
body: <p>I just started creating a website for a darts organisation but I'm encountering some problems in my table layout.</p>
  
  <p>I made a table with a table-layout fixed and 978px width.
  When I take a look in firefox it somehow for unknown reason always adds another 8px. In safari everything works perfect.
  I have no idea what is happening here.</p>
  
  <p>I made the web with the problem available on the link below.
  Any suggestions is welcome.</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>.dt
  {
      margin: 0px;
      border-width: 0px;
      border-spacing: 5px;
      border-collapse: separate;
      table-layout: fixed;
  }
  .dt th
  {
      border-bottom: 1px solid #cdcdcd;
      color: #5197fc;
      font-weight: bold;
      font-size: 12px;
  }
  .dt td
  {
      border-bottom: 1px dotted #cdcdcd;
      overflow: hidden;
      white-space: nowrap;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table runat="server" style="width: 978px;" class="dt"&gt;
      &lt;tr runat="server"&gt;
          &lt;th runat="server" class="left" style="width: 511px"&gt;Naam&lt;/th&gt;
          &lt;th runat="server" class="left" style="width: 152px"&gt;Tel/Gsm&lt;/th&gt;
          &lt;th runat="server" class="left" style="width: 252px"&gt;Email&lt;/th&gt;
          &lt;th runat="server" class="left" style="width: 38px"&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr runat="server"&gt;
          &lt;td runat="server" style="width: 511px"&gt;&lt;/td&gt;
          &lt;td runat="server" style="width: 152px"&gt;&lt;/td&gt;
          &lt;td runat="server" style="width: 252px"&gt;&lt;/td&gt;
          &lt;td runat="server" style="width: 38px"&gt;
              &lt;asp:ImageButton runat="server" ID="EditAccount" ImageUrl="~/Images/pencil.png" CommandName="EditAccount" Width="16px" Height="16px" /&gt;
              &lt;asp:ImageButton runat="server" ID="DeleteAccount" ImageUrl="~/Images/delete.png" CommandName="DeleteAccount" Width="16px" Height="16px" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://test.dartsgent.be/Manager/AccountManager.aspx" rel="nofollow noreferrer">Check problem here</a></p>
  
  <p>Type an A in the textbox and press search to see the problem.</p>