Table cells without borders having white lines - how do I disable them?
<p>I created this table and set padding and border to 0. But there are this weird white lines around the cells. What is this and how do I disable them?</p>

<p>HTML Code:</p>

<pre><code>    &lt;table id="jobtabelle"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;
        &lt;button id="addbutton" class="left"&gt;&lt;i class="material-icons"&gt;add&lt;/i&gt;&lt;/button&gt;
      &lt;/th&gt;
      &lt;th&gt;&lt;/th&gt;
      &lt;th&gt;Job&lt;/th&gt;
      &lt;th&gt;Länge/mm&lt;/th&gt;
      &lt;th&gt;Gesamt/QTY&lt;/th&gt;
      &lt;th&gt;Rest/QTY&lt;/th&gt;
      &lt;th&gt;Fertig um&lt;/th&gt;
      &lt;th&gt;&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;Job1&lt;/td&gt;
      &lt;td&gt;800.000&lt;/td&gt;
      &lt;td&gt;50&lt;/td&gt;
      &lt;td&gt;20&lt;/td&gt;
      &lt;td&gt;14:40&lt;/td&gt;
      &lt;td&gt;
        &lt;button id="" class="left"&gt;&lt;i class="material-icons"&gt;more_horiz&lt;/i&gt;&lt;/button&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
</code></pre>

<p>(The table is just repeating with more rows.)</p>

<p>CSS Code:</p>

<pre class="lang-css prettyprint-override"><code>#jobtabelle tr {
  height: 56px;
  line-height: 56px;
  border-top: 0;
  border-bottom: solid 1px #424242;
  overflow: hidden;
  font-size: 16px;

}

#jobtabelle tbody tr:first-child {
  background: #66bb6a;
}

#jobtabelle thead tr {
  height: 25px;
  line-height: 25px;
  margin-top: 10px;
}

#jobtabelle td {
  border-left: 0;
  border-right: 0;
  border-bottom: inherit;
  padding: 0;
  border-collapse: collapse;
}

#jobtabelle th:first-child +th +th +th,
#jobtabelle th:first-child +th +th +th +th,
#jobtabelle th:first-child +th +th +th +th +th,
#jobtabelle th:first-child +th +th +th +th +th +th,
#jobtabelle td:first-child +td +td +td,
#jobtabelle td:first-child +td +td +td +td,
#jobtabelle td:first-child +td +td +td +td +td,
#jobtabelle td:first-child +td +td +td +td +td +td {
  text-align: right;
}
</code></pre>

<p>(I changed the background of <code>&lt;td&gt;</code> to grey via Safari Dev Tools so the lines are easier to see.)</p>