title: Parts of background-image visible when using border-radius
body: <p>Using the code below, both Chrome and Opera (latest versions supporting border-radius) on Mac show a small blue area outside the rounded corners (which seems to a part of the defined background-image). Why?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;head&gt;
      &lt;title&gt;Testcase for rounded corners on submit button with bg-image&lt;/title&gt;
  
      &lt;style type="text/css"&gt;
          input[type="submit"] { background: url(http://skriblerier.net/div/rounded-corners-input/bg-bottom.png); color: #fff; height: 40px; width: 150px; border-radius: 10px; border: 1px solid #fff; font-size: 14px }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form&gt;
          &lt;div&gt;&lt;input type="submit" /&gt;&lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>