<html>
<head>
  <style type="text/css" media="screen">
    div {
      margin: 20px;
    }
    #specbox1 {
      width: 200px;
      height: 40px;
      border: 20px solid black;
      -webkit-border-top-left-radius: 30px;
      -webkit-border-top-right-radius: 80px;
      -webkit-border-bottom-left-radius: 80px;
      -webkit-border-bottom-right-radius: 30px;
    }
    
    #specbox2 {
      width: 40px;
      height: 200px;
      border: 20px solid black;
      -webkit-border-top-left-radius: 30px;
      -webkit-border-top-right-radius: 80px;
      -webkit-border-bottom-left-radius: 80px;
      -webkit-border-bottom-right-radius: 30px;
    }
  </style>
</head>
<body>
  <p>Test that corner-radii are constrained according to the CSS3 rules.</p>
  <div id="specbox1"></div>
  <div id="specbox2"></div>
</body>
</html>