title: HTML table colgroup border radius
body: <p>I am using the colgroup tag to style a column in my html table. However, using border-radius, -webkit-border-radius and -moz-border-radius does not work...Does colgroup support border radius or do I need to apply classes to the individual cells?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
      &lt;colgroup align="right"&gt;&lt;/colgroup&gt;
      &lt;colgroup class="priceCol" align="right"&gt;&lt;/colgroup&gt;
      &lt;tr&gt;&lt;td&gt;1 Session:&lt;/td&gt;&lt;td&gt;R20&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;5 Sessions:&lt;/td&gt;&lt;td&gt;R100&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;10 Sessions:&lt;/td&gt;&lt;td&gt;R180&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;15 Sessions:&lt;/td&gt;&lt;td&gt;R250&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS;</p>
  
  <pre><code>.priceCol{
      background: #ff0000;
      border: 1px solid #333;
      padding-left: 5px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
  }
  </code></pre>
  
  <p>Thank you</p>