A table has been created with all headers having colspan=2 and some body cells having colspan=N.
In certain instances, the display is not rendering correctly:
https://i.sstatic.net/xARV6.png
td, th {
border: solid #aaa 1px
}
<table>
<thead>
<tr>
<th colspan="2" scope="col">8 AM</th>
<th colspan="2" scope="col">9 AM</th>
<th colspan="2" scope="col">10 AM</th>
<th colspan="2" scope="col">11 AM</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5"><span>-</span></td>
<td><a href="#">+</a></td>
<td><a href="#">+</a></td>
<td><a href="#">+</a></td>
</tr>
</tbody>
</table>
The issue lies in the "-" cell, which should align with the center of the "10 AM" column but does not do so.
What could be causing this discrepancy?