title: How to have background color outside of radius border in a tbody in chrome?
body: <p>I have a <code>tbody</code> with a background color. The <code>td</code> has a border-radius. However, the background between the border and the table is white.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>table {
      border: 100px solid black;
      border-radius: 100px;
  }
  
  tbody {
      background-color: black;
  }
  
  td {
      background-color: white;
      border-radius: 100px;
      padding: 100px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/FKc94/2/" rel="nofollow">http://jsfiddle.net/FKc94/2/</a></p>
  
  <p>I tried with <code>background-clip</code> but couldn't find a way to make it works. How could I fix that ?</p>