Question

I have got this css for a table:

      .table_stats tr:last-child td:first-child{
        -moz-border-radius:0 0 0 6px;
        -webkit-border-radius:0 0 0 6px;
        border-radius:0 0 0 6px;
    }

   .table_stats tr:last-child td:last-child{
        -moz-border-radius:0 0 6px 0 ;
        -webkit-border-radius:0 0 6px 0 ;
        border-radius:0 0  6px 0 ;
    }

What I need is another border around it which is white in color.. is it possible to do with border stroke? and give it some width?

I also put a div around the table and gave it this css:

.table_stats{
    border-color: white;
   border-width:2px;
        -moz-border-radius: 6px 6px  ;
    -webkit-border-radius: 6px 6px  ;
    border-radius: 6px 6px ;
}

Still didnt work.. no extra border around the table.

Html markup:

       <div class="table_stats">
      <table border="0" width="800px" style="margin-top: 100px;" cellspacing="0px" class="table_stats">
   </table>  
              </div>

Answer 1

You need to specify a border-style to see it in action.
Anyway, your table has a 100px top margin, try to remove it and add display:inline-block; to the div (or it will expand to 100%). That should do the trick

Demo

HTML:

<div class="table_stats">
<table border="0" width="800" cellspacing="0" class="table_stats">
</table>
</div>​

CSS:

div.table_stats{
    margin-top:100px;
    display:inline-block;
    border-color: white;
    border-width:2px;
    border-style:solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px ;
    border-radius: 6px ;
}