Test 83 - Layout table with no nesting

<div class="wrapper">
   <table id="id1" class="container" border="1">
      <tbody>
      <tr>
         <td>
            This is a layout table.
         </td>
         <td>
            Tables should only be used to display data in rows and columns.
         </td>
      </tr>
      <tr>
         <td>
            CSS should be used for visual layout.
         </td>
         <td>
            This table could be replaced with four containing DIVs styled via CSS.
         </td>
      </tr>
   </tbody>
   </table>
</div>

div.wrapper {
    margin: 20px;
    padding: 10px;
    overflow: visible;
    background-color: #faf7f0;
    border: 1px solid #880000;
    -webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
    -moz-border-radius: 10px; /* Firefox rounded corners */
    border-radius: 10px; /* Opera rounded corners */
}
table.container {
   border: 1px solid black;
   background-color: #fff;
   border-collapse: collapse;
}
table.container td {
   padding: 5px 10px;
   width: 8em;
}
</style>