salve a tutti,

io parto da una struttura di questo tipo:

codice:
<center>
  <table width="660" height="460" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="30" height="30" bgcolor="#666666">[img]lalto.gif[/img]</td>
      <td height="30" bgcolor="#666666"></td>
      <td width="30" height="30" bgcolor="#666666">[img]ralto.gif[/img]</td>
    </tr>
    <tr> 
      <td colspan="3" bgcolor="#CCCCCC"></td>
    </tr>
    <tr> 
      <td width="30" height="30" bgcolor="#666666">[img]lbasso.gif[/img]</td>
      <td height="30" bgcolor="#666666"></td>
      <td width="30" height="30" bgcolor="#666666">[img]rbasso.gif[/img]</td>
    </tr>
  </table>
</center>
le immagini lalto, ralto, lbasso, rbasso sono gif di 30x30 che rappresentano uno spicchio di 1/4 di cerchio trasparente nell'area del cerchio e bianche all'esterno per dare un effetto smussato e tondeggiante alla tabella.

ora però ecco arrivare la mia problematica.
questa bella struttura dovrei contornarla tutta da un filetto bianco di massimo 2px.
io ho provato a fare così:

- prendere e fare un contorno di 2px alle 4 immagini
- colorare i bordi estreni alle 4 celle che delimitano il contono dicendo che lo spessore fosse 2px

ma non ho avuto buon esito infatti il contorno delle celle non coincide con quello delle immagini.

cosa posso fare?
Devo usare i layout, i fogli di stile o che altro per poter contornare questa struttura?

Grazie