Table CSS Help Needed! :)

I have created a table, but missing something with the CSS
I would like the first row to span over all 4 columns, and the 2nd row should have each item taking up 2 columns each.
I have posted the link to a picture of the table to explain the situation.

Here’s the code I have:

<table dir=”ltr” border=”3″ cellspacing=”0″ cellpadding=”0″>
<colgroup>
<col width=”150″ />
<col width=”150″ />
<col width=”150″ />
<col width=”150″ /></colgroup>
<tbody>
<tr>
<td style=”border: 1px solid #000000; text-align: center;” rowspan=”1″ data-sheets-value=”{"1":2,"2":"Amazon KDP VS. Amazon Merch. Which is Better?"}”>1st Row to Cover all 4 Columns</td>
</tr>
<tr>
<td style=”border: 1px solid #000000;” rowspan=”1″ data-sheets-value=”{"1":2,"2":"Amazon KDP"}”><b>2nd Row Column 1 &2 </b></td>
<td style=”border: 1px solid #000000;”></td>
<td style=”border: 1px solid #000000;” rowspan=”1″ data-sheets-value=”{"1":2,"2":"Amazon Merch"}”><b>2nd Row Column 3 &4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b>3rd Row Column 2</b></td>
<td style=”border: 1px solid #000000;”><b>3rd Row Column 3</b></td>
<td style=”border: 1px solid #000000;”><b>3rd Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b>4th Row Column 1</b></td>
<td style=”border: 1px solid #000000;”><b>4th Row Column 2</b></td>
<td style=”border: 1px solid #000000;”><b>4th Row Column 3</b></td>
<td style=”border: 1px solid #000000;”><b>4th Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b>5th Row Column 1</b></td>
<td style=”border: 1px solid #000000;”><b>5th Row Column 2</b></td>
<td style=”border: 1px solid #000000;”><b>5th Row Column 3</b></td>
<td style=”border: 1px solid #000000;”><b>5th Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b>6th Row Column 1</b></td>
<td style=”border: 1px solid #000000;”><b>6th Row Column 2</b></td>
<td style=”border: 1px solid #000000;”><b>6th Row Column 3</b></td>
<td style=”border: 1px solid #000000;” data-sheets-value=”{"1":2,"2":"Limited Daily Submissions"}”><b>6th Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;” data-sheets-value=”{"1":2,"2":"No Upload Restrictions"}”><b>7th Row Column 1</b></td>
<td><b>7th Row Column 2</b></td>
<td style=”border: 1px solid #000000;”><b>7th Row Column 3</b></td>
<td style=”border: 1px solid #000000;”><b>7th Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b>8th Row Column 1</b></td>
<td style=”border: 1px solid #000000;”></td>
<td style=”border: 1px solid #000000;”></td>
<td style=”border: 1px solid #000000;”><b>8th Row Column 4</b></td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;” data-sheets-value=”{"1":2,"2":"Copycats Everywhere"}”>9th Row Column 4
</td>
</tr>
<tr>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;”><b> </b></td>
<td style=”border: 1px solid #000000;”>10th Row Column 4
</td>
</tr>
</tbody>
</table>

Hopefully someone can help! Or point me in the right direction?
Thank you!

The page I need help with: [log in to see the link]