title: child div not inheriting parent curve border
body: <p>I have a fiddle here:</p>
  
  <p><a href="http://jsfiddle.net/45jQm/6/" rel="nofollow">http://jsfiddle.net/45jQm/6/</a></p>
  
  <p>How do I get the logo portion to be curved also without specifying? Seems this should be possible. Here is the code...</p>
  
  <pre><code>#wrapper {
      position: relative;
      background-color:rgba(255,255,255,0.5);
      width:200px;
      min-height: 985px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 20px;
      box-shadow: 10px 0px 10px -7px #333, -10px 0px 10px -7px #333;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -khtml-border-radius: 20px;
      border-radius: 20px;
  }
  
  
  .logo {
      position: static;
      background-color:rgba(0,0,102,0.7);
      padding-top: 10px;
  } 
  </code></pre>