title: Chrome image border around rounded corners disappearing
body: <p>So, this is the problem: <a href="http://bildr.no/view/927562" rel="nofollow">http://bildr.no/view/927562</a></p>
  
  <p>A closer look: <a href="http://bildr.no/view/927563" rel="nofollow">http://bildr.no/view/927563</a></p>
  
  <p></p></p>
  
  <p>As you can see, the border for each corner turns invisible. This is the CSS code for the image:<br>
  </p>
  
  <pre><code>#contentImage {
    float: left;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    margin-right: 25px;
  }
  </code></pre>
  
  <p><br>
  <code>&lt;img src="images/image.jpg" id=contentImage" /&gt;</code></p>
  
  <p>Any help would be <strong>greatly</strong> appreciated :-)   </p>