Giuste distanze per un menù

[Kaos50x]

Ciau a tutti^^
Preannunciando ke da poco ho ripreso a costruire siti, nel mio nuovo progetto non riesco a fare una tebella cn le impostazioni precise:

Qsta è l'immagine di come dovrebbe essere il menù. Clicca
Diciamo ke nella forma dei conteiner maggiori ci siamo ma nella parte inferiore dove dovrebbero esserci gli spazi per il testo(qllo cn lo sfondo + chiaro) nn riesco a impostare le precise distanze top-left-right e bottom naturlamente.
Io vorrei che stò maledetto menù corrispondesse precisamente a qllo della foto.
Posto il codice ke ho abbozzato.
html:

     <table align="center">
     <tr>
      <td>[img]img/Untitled-1.jpg[/img]</td>
     </tr>
    </table>
    <table class="impostazioni_menu" align="center">
     <tr>
      <td class="spazio_testo_menu_sx"></td>
      <td class="spazio_testo_menu_dx"></td>
     </tr>
     <tr>
      <td class="spazio_testo_menu_sx"></td>
      <td class="spazio_testo_menu_dx"></td>
     </tr>
     <tr>
      <td class="spazio_testo_menu_sx"></td>
      <td class="spazio_testo_menu_dx"></td>
     </tr>
    </table> 

CSS:

body {
    background-color: #cccccc;
    border: 0px;
    padding: 0px;
    margin: 0px;
    color: #4f9796;
    font-size: 11px;
}

.impostazioni_menu {
    width: 225px;
    background-color: #d6d6d6;
    background-image: url(img/Untitled-2.jpg);
    background-repeat: no-repeat;
    border: 1px solid #c1c1c1;
    margin-top: -1px;
    padding-top: 10px;
}

.spazio_testo_menu_sx {
    width: 107px;
    height: 12px;
    background-color: #e2e2e2;
}

.spazio_testo_menu_dx {
    width: 108px;
    height: 12px;
    background-color: #e2e2e2;
} 

Praticamente ora mi viene una cosa del genere: Clicca
Spero di essermi spiegato grazie in anticipo^^