title: Remove white space caused by using border radius
body: <p>I have two div elements separated by "border-top-left-radius: 500px 20px;" and "border-top-right-radius: 500px 20px;". My problem is to fill the white space caused by that radius with the color of previous div element. <a href="https://i.stack.imgur.com/XUF5N.jpg" rel="nofollow noreferrer">Here is a picture of my problem.</a> As you can see, there is white space in corners between two divs i need to fill with grey color from the upper div. </p>
  
  <pre><code>.upper {
      background-color: grey;
      overflow:hidden;
  }
  
  .downer {
      border-top-left-radius: 500px 20px;
      border-top-right-radius: 500px 20px;
      border-bottom: none;
      border-left: none;
      border-right: none;
  }
  </code></pre>