title: CSS3 Rounded and Dotted borders?
body: <p>Is it possible to create a border in CSS3 such that they are rounded and dotted?</p>
  
  <p>I'm rounding my corners but they appear solid with:</p>
  
  <pre><code>border: 1px dotted gray;
  -moz-border-radius-topright: 30px 20px;
  -moz-border-radius-topleft: 30px 20px;
  </code></pre>
  
  <p>The rest of the border is dotted but the corners are solid.</p>
  
  <p>I understand that this is specific to Firefox but that's fine for now.</p>
  
  <p>Thanks</p>