Есть конструкция, приведённая ниже. Работает корректно во всех браузерах кроме интернет эксплорера, в которомне видно границ у ячеек. Если убрать фон, то границы становятся видны, то есть, как я понимаю их затмевает собой фоновый цвет. Как можно сделать чтобы они подружились и показывались вместе?
<style>
table#ass td, th { border: 1px solid black; }
</style>
<table id="ass">
<tbody>
<tr>
<th rowspan="2" style="text-align: center; font-weight: bold; background-color: #ccccff; color: #2c2c2c; width:79px;">1</th>
<th rowspan="2" style="text-align: center; font-weight: bold; background-color: #ccccff; color: #2c2c2c; ">2</th>
<th colspan="16" style="text-align: center; background-color: #ccccff; color: #2c2c2c;"><span style="font-weight: bold;">3</span>
</th>
</tr>
</tbody>
</table>
