title: CSS Table Styling
body: <p>I need to style  a table to have rounded corners.</p>
  
  <p>I'm just looking at how best to go about it:</p>
  
  <p>Normally when I style a div to have rounded corners, I use 2 divs with empty comments at the top and bottom, and apply sizing &amp; background image CSS to them.</p>
  
  <p>The table, however, has internal borders, so I'd have to carefully align the vertical lines in the corner bg images, to match with the true cell borders. </p>
  
  <p>Is this clear so
  far?</p>
  
  <p>So I was wondering how others would approach this. I think the best thing I can do is to just use one complete fixed size background image, borders and all, and overlay a borderless table on top. The table will always be the same size after all.</p>
  
  <p>Can anyone think of a better way? </p>