title: table cell background color and round corners
body: <p>In the snippet <a href="http://jsfiddle.net/hXMLF/3/">http://jsfiddle.net/hXMLF/3/</a> you see a small border on the corners between the white border of the cells and the page background. How can I prevent it?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
        &lt;td&gt;Test&lt;/td&gt;
        &lt;td&gt;Test&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;​
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>body {
      background-color: #efefef;
  }
  
  table {
      margin: 10px;
      border-collapse: separate;
      border-spacing: 0px;
  }
  
  td {
      border-radius: 5px;
      background-color: #369;
      color: white;
      border: 5px solid white;
  }​
  </code></pre>