title: Box-shadow and border-radius bug in Chrome
body: <p>I've been experimenting with CSS3 and found something strange. Heres's the part of DIV style:</p>
  
  <pre><code>border:#446429 solid 1px;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
  -moz-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
  -webkit-box-shadow:3px 0px 15px #000000 inset,0px 3px 15px #000000 inset;
  </code></pre>
  
  <p>Rendering in Opera and Firefox are same and perfect:</p>
  
  <p><a href="https://i.stack.imgur.com/1CsB7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1CsB7.png" alt="alt text"></a>
  </p>
  
  <p>But Chrome renders shadow outside the border:</p>
  
  <p><a href="https://i.stack.imgur.com/C0kPy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C0kPy.png" alt="alt text"></a>
  </p>
  
  <p>Is it supposed to be so or I missed something important?</p>