исправил thead с rowspan

Question

У меня есть эта таблица:

, и я хотел бы исправить thead следующим образом:

но я получаю это:

вот мой код:

.table {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
}

.table th {
  background: #EEE;
  text-align: left;
}

.table th,
td {
  height: 30px;
}

.fixed_thead {
  table-layout: fixed;
}

.fixed_thead tbody {
  display: block;
  width: 100%;
  height: 100px;
  overflow: auto;
}

.fixed_thead thead tr {
  display: block;
}

.fixed_thead th,
.fixed_thead td {
  width: 200px;
}

<table class="table fixed_thead" border=1>
  <thead>
    <tr>
      <th rowspan=2>cell</th>
      <th rowspan=2>cell</th>
      <th rowspan=2>cell</th>
      <th rowspan=2>cell</th>
      <th rowspan=2>cell</th>
      <th colspan=3 style="width:30%; text-align:center; border-bottom:1px solid rgba(0,0,0,.5);">cell</th>
    </tr>
    <tr>
      <th style="width:33.33%;">cell</th>
      <th style="width:33.33%;">cell</th>
      <th style="width:33.33%;">cell</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tr>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
      <td>cell</td>
    </tr>
    <tbody>
</table>

что я делаю не так?