สวยมากครับ table มีเงาซ้อน ทำอย่างไรช่วยบอกทีครับบบ..^^

<style type="text/css">
.boxVice #right {
background:url("http://www.demononline.in.th/images/vice-border/right.gif") repeat-y scroll 0 0 transparent;
width:7px;
}

.boxVice #left {
background:url("http://www.demononline.in.th/images/vice-border/left.gif") repeat-y scroll 0 0 transparent;
width:7px;
}


.boxVice #bottom {
background:url("http://www.demononline.in.th/images/vice-border/bottom.gif") repeat-x scroll 0 0 transparent;
height:7px;
}

.boxVice #top {
background:url("http://www.demononline.in.th/images/vice-border/top.gif") repeat-x scroll center top transparent;
height:10px;
}

.boxVice #top-left {
background:url("http://www.demononline.in.th/images/vice-border/top-left.gif") no-repeat scroll center top transparent;
height:10px;
width:7px;
}

.boxVice #top-right {
background:url("http://www.demononline.in.th/images/vice-border/top-right.gif") no-repeat scroll center top transparent;
height:10px;
width:7px;
}

.boxVice #bottom_left {
background:url("http://www.demononline.in.th/images/vice-border/bottom-left.gif") no-repeat scroll 0 0 transparent;
height:10px;
width:7px;
}

.boxVice #bottom-right {
background:url("http://www.demononline.in.th/images/vice-border/bottom-right.gif") no-repeat scroll 0 0 transparent;
height:10px;
width:7px;
}
</style>

<table width="500" border="0" cellspacing="0" cellpadding="0" class="boxVice">
  <tr> 
    <td id="top-left"></td>
     <td id="top"></td>
     <td id="top-right"></td>
  </tr>
   <tr> 
    <td id="left"></td>
     <td align="center">
     sdfsdfadfasdfasdfasdfasdf
     </td>
     <td id="right"></td>
  </tr>
   <tr> 
    <td id="bottom_left"></td>
     <td id="bottom"></td>
     <td id="bottom-right"></td>
  </tr>
</table>