Table og Textfield problem

"dobbel-post = mere hjælp + dobbelt så dyrt"

Jeg kunne godt tænke mig at følgende så bedre ud:
http://mdk2002.dyndns.org/Mapedit/Cells.asp

pointen er at få text-felterne til at komme tættere på hinanden i top og bund... eller helst at alle fire sider er klistret op af hinanden

jeg bruger følgende CSS style til hjælp:

<style type="text/css">
<!--
.textfield
{
    height: 20px;
    width:  20px;
    border-style: ridge;
    border-width: 1;
    font-weight: bold;
}
.PosTF
{
    height: 20px;
    width:  20px;
    font-weight: bold;
    background-color: 999999;
    border-style: ridge;
    border-width: 1;
}
.NoTextField
{
    background-color: Black;
    border-width: 0;
}
//-->
</style>

og laver mit table + text-felter sådan her:

<table border="0" cellspacing="0" cellpadding="0">
  <% For Height = 0 to 9 %>
  <tr>
    <% For Width = 0 to 9 %>
    <td><input class="textfield" type="text" name="a"></td>
    <% Next %>
  </tr>
  <% Next %>
</table>