title: Extend header to top of page with CSS rounded corners
body: <p>I have a webpage with a wrapper using rounded corners.  The first thing in the wrapper is the page header, but there is a white space above it, where the corners are.  I want the blue header to start right at the top of the wrapper, so there is no white space at the top.  I don't know if this is possible, but any help would be appreciated!  Here is the (simplified) code.  I used inline CSS to post this.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="wrapper"&gt;
      &lt;div id="header"&gt;
           &lt;h1&gt;Test Page&lt;/h1&gt;
  
      &lt;/div&gt;
      &lt;!--header--&gt;
      &lt;div id="nav"&gt; &lt;a href="index.html"&gt;Home&lt;/a&gt;  &lt;a href="index.html"&gt;Link 1&lt;/a&gt;  &lt;a href="index.html"&gt;Link 2&lt;/a&gt;  &lt;a href="index.html"&gt;Link 3&lt;/a&gt;  &lt;a href="index.html"&gt;Link 4&lt;/a&gt;
  
      &lt;/div&gt;
      &lt;!--nav--&gt;
      &lt;div id="main"&gt;
          &lt;p&gt;This is the test page.&lt;/p&gt;
          &lt;br/&gt;
          &lt;br/&gt;
          &lt;br/&gt;
          &lt;br/&gt;
          &lt;br/&gt;
      &lt;/div&gt;
      &lt;!--main--&gt;
  &lt;/div&gt;
  &lt;!--wrapper--&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
      font-family: Arial, Helvetica, sans-serif;
      background-color: #999999;
  }
  h1 {
      line-height: 200%;
      margin-bottom: 0px;
  }
  a {
      padding-left: 10px;
      padding-right: 10px;
      color: #000000;
  }
  #wrapper {
      background-color: #FFFFFF;
      min-width: 760px;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #a1a1a1;
      border-radius: 25px;
  }
  #header {
      background-color: #40ebff;
      color: #FFFFFF;
      padding-left: 5px;
  }
  #nav {
      font-weight: bold;
      background-color: #ffdab2;
      padding: 5px;
  }
  #main {
      padding-left: 20px;
      padding-right: 20px;
  }
  </code></pre>
  
  <p><strong>FIDDLE > <a href="http://jsfiddle.net/znfa0Lkf/" rel="nofollow">http://jsfiddle.net/znfa0Lkf/</a></strong></p>