Here's the fiddle for what I'm working on:

<http://jsfiddle.net/rSUhL/>

I'm trying to replicate this image:

![http://unbouncepages-com.s3.amazonaws.com/www.mastermindtalks.com/d9bpvf-mastermindmindset.png](https://i.stack.imgur.com/Mr3bo.png)

I'm pretty close. But for some reason, when I add border-radius to the table, it doesn't round the corners.

Also, is it possible to make it so the bottom-border doesn't touch the side of the boxes?

Here's the CSS:

```
table {
  border-collapse: collapse;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

th, td {
  border: 1px solid #d8d8d8;
  border-collapse: collapse;
  padding: 25px;
}

th {
    text-align: right;
}

#blank {
    border: none;
}

caption {
    margin-bottom: 15px;
}

.blue {
    background-color: #2a9ce0;
    color: #fff;
    border-bottom: 1px solid #55ace0;
}

.small-text {
    font-size: 13px;
    margin-top: -5px;
}

```

HTML:

```
<table>
<caption>Is Mastermind Talks for you?</caption>
<tr>
    <th scope="row">Learning:</th>
    <td>Tabloids and Newspapers</td>
    <td class="blue">Books, blogs, seminars and peers</td>
</tr>
<tr>
    <th scope="row">Focus:</th>
    <td>Hourly or Salary</td>
    <td class="blue">Cashflow, net worth and network</td>
</tr>
<tr>
    <th scope="row">Financial Goals:</th>
    <td>To survive until the next payday</td>
    <td class="blue">To build passive income streams</td>
</tr>
<tr>
    <th scope="row">Rate of Return:</th>
    <td>Get Rich Quick</td>
    <td class="blue">Long-term</td>
</tr>
<tr>
    <th scope="row">Investments:</th>
    <td>Liabilities: Cars, houses, etc</td>
    <td class="blue">Assets: Yourself, business, etc</td>
</tr>
<tr>
    <th scope="row">Values:</th>
    <td>Currency</td>
    <td class="blue">Legacy</td>
</tr>
<tfoot>
    <td id="blank"></td>
    <td><strong>Middle Class Mindset</strong><br /> <span class="small-text">(mastermind is not for you)</span></td>
        <td class="blue"><i class="icon-bulb"></i><strong>Mastermind Mindset</strong><br /> <span class="small-text">(mastermind is for you)</span></td>
</tfoot>
</table>

```