title: Rounded Corners on DIVs with Background Color
body: <p>I've got some code that looks like this:</p>
  
  <pre><code>&lt;div id="shell"&gt;
      &lt;div id="title"&gt;TITLE HERE&lt;/div&gt;
      &lt;div id="content"&gt;Article Content Goes Here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The shell div has a grey border that I want rounded corners on.  The problem I'm running into is the title div has a green background and it's overlapping the rounded corners of the shell.  It either overlaps or doesn't jut up against the edges to provide a fluid look.</p>
  
  <p>I'm looking for a solution that's backwards compatible with IE 7 and 8, but if there's a solution in HTML5 that's simple I would be willing to lose those browsers.</p>
  
  <p>Thanks!</p>