The cell border doesn't disappear; it just becomes part of the "dot". You're applying the
border-radius
to the table cell, so its borders become round.
If you want the dot to appear within the cell, you'll need to apply the class to an element within the cell:
<td><div class="dotgreen"></div></td>