Immagini sul bordo

[tryhere]

Vorrei inserire una immagine nei quattro angoli blu e un'altra immagine ripetuta lungo tutto il bordo nelle aree gialle...non so come organizzarmi con i CSS

prend spunto da questo:

.tb1{
width:24px;
height:34px;
background-image:url(../images/tb/1.gif);
}

.tb2{
background-image:url(../images/tb/2.gif);
}

.tb3{
width:24px;
height:34px;
background-image:url(../images/tb/3.gif);
}

.tb4{
background-image:url(../images/tb/4.gif);
}

.tb5{
background-image:url(../images/tb/5.gif);
}

.tb6{
background-image:url(../images/tb/6.gif);
}

.tb7{
width:24px;
height:34px;
background-image:url(../images/tb/7.gif);
}
.tb8{
background-image:url(../images/tb/8.gif);
}
.tb9{
width:24px;
height:34px;
background-image:url(../images/tb/9.gif);
}

la tabella sarà:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tb1">&nbsp;</td>
        <td class="tb2">&nbsp;</td>
        <td class="tb3">&nbsp;</td>
      </tr>
      <tr>
        <td class="tb4">&nbsp;</td>
        <td class="tb5" align="center">Contenuto.....</td>
        <td class="tb6">&nbsp;</td>
      </tr>
      <tr>
        <td class="tb7">&nbsp;</td>

        <td class="tb8">&nbsp;</td>
        <td class="tb9">&nbsp;</td>
      </tr>
    </table>

[tryhere]

Volevo farlo con i CSS e non con le tabelle