Заголовок таблицы не получает CSS (я думаю)

Question

У меня есть простой HTML-код:

<table class="table shipment" id="payItems">
 <thead>
  <tr>
   <th class="sku">Varekode    </th>
       <th class="productName">Produkt</th>
      <th>Pris</th>
   <th>Antall</th>
   <th style="text-align: right; padding-right: 80px;">Sum</th>

  </tr>
 </thead>
 <tbody>
...content...
 </tbody>
</table>

И этот CSS:

 table#payItems.table thead th
{
 border: 0;
}

Потому что он находится в div с закругленными углами, а верхний элемент имеет верхнюю границу.Я хочу избавиться, но любая комбинация th, tr, thead, кажется, не избавляется от этой границы.

Answer 1

Решено с:

#payItems thead, #payItems tr { border-top: 0; }

Спасибо Йи Цзяну за вдохновение.