Colspan Issue

HTML

<table class="tile_table">
  <tbody>
    <tr>
      <td class="tile_td" id="00" rowspan="4" colspan="2"></td>
      <td class="tile_td" id="01" style="display: none;"></td>
      <td class="tile_td" id="02"></td>
      <td class="tile_td" id="03"></td>
    </tr>
    <tr>
      <td class="tile_td" id="10" style="display: none;"></td>
      <td class="tile_td" id="11" style="display: none;"></td>
      <td class="tile_td" id="12"></td>
      <td class="tile_td" id="13"></td>
    </tr>
    <tr>
      <td class="tile_td" id="20" style="display: none;"></td>
      <td class="tile_td" id="21" style="display: none;"></td>
      <td class="tile_td" id="22"></td>
      <td class="tile_td" id="23"></td>
    </tr>
    <tr>
      <td class="tile_td" id="30" style="display: none;"></td>
      <td class="tile_td" id="31" style="display: none;"></td>
      <td class="tile_td" id="32"></td>
      <td class="tile_td" id="33"></td>
    </tr>
   </tbody>
</table>

CSS

.tile_table{
	height:500px;
	width:500px;	
}

.tile_td{
	border-style:solid;
	border-color:black;
	text-align:center;
}