title: CSS Rounded Table Corners, Gradient Background
body: <p>Here's me fiddle:</p>
  
  <p><a href="http://jsfiddle.net/6yU6N/10/" rel="nofollow noreferrer">http://jsfiddle.net/6yU6N/10/</a></p>
  
  <p>I want to work some CSS magic on the table header:</p>
  
  <ul>
  <li>Rounded corners in upper left and upper right</li>
  <li>Gradient color background</li>
  <li>Gradient border</li>
  <li>Cross-browser compatibility</li>
  </ul>
  
  <p>How can this all be done?</p>
  
  <p><code></code></p>