Rounded Corners for contenttoc/table of contents? - Joomla! Forum - community, help and support

hi, im bit of website/css newbie, know if possible put rounded corners on 'table of contents' box? ive managed add corners various modules , main content area (after hair pulling/swearing) not sure how in contenttoc?

thanks in advance..

here output table of contents

code: select all

<table cellpadding="0" cellspacing="0" class="contenttoc" align="right">
   <tr>
      <th>article index</th>

   </tr>
   
   <tr>
      <td>
      <a href="index.php?option=com_content&task=view&id=7&itemid=2" class="toclink">example news item 2</a>
      </td>

you can see output in table of class="contenttoc"

so can style e.g.

code: select all

table.contenttoc {
    margin: 0 0 0 3px;
    background: url(../images/bluemod.png) bottom no-repeat;
    width:160px;
    border-collapse: collapse;
     }

table.contenttoc td {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 8pt;
    padding: 6px;
}
table.contenttoc th {
    background: url(../images/bluemodtop.jpg) top no-repeat;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1em;
    height: 24px;
    font-variant: small-caps;
}

in case background table image forms background majority of table, rounded bottom. needs tall enough cover tallest expected table of contents. image header ( th ) forms rounded top , needs tall enough cover title header.