title: Chrome using wrong border color on left on tall objects with border-radius set
body: <p>I believe there may be a bug in chrome's rendering of border colors.  Here is the setup:</p>
  
  <ol>
  <li>Create an element (I have seen it on div's as well as td's, both position:static and position:absolute).</li>
  <li>Make this object more than twice as tall as it is wide</li>
  <li>Assign a different color border to each side.</li>
  <li>Specify a border-radius for rounded corners.</li>
  </ol>
  
  <p>The end result is that a the middle portion of the left edge takes on border-right-color instead of border-left-color.  Specifically, if w is the width of the object, then the top w pixels and the bottom w pixels are correct, but the middle (h - 2w) pixels are colored incorrectly.  </p>
  
  <p>Here is a snippet of code and a screenshot demonstrating the issue.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;style&gt;
        div#borderBug
        {
          position:absolute;
          top:10px;
          left:10px;
          width:152px;
          height:541px;
  
          border-width: 2px;
          border-style: solid;
          border-radius: 20px;
  
          border-left-color: blue;
          border-top-color: yellow;
          border-right-color: red;
          border-bottom-color: green;
  
          background-color: #dedede;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="borderBug"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/vYG1M.png" alt="Incorrect Left Border in Chrome"></p>
  
  <p>My version of Chrome is 17.0.963.56 m, running on Windows XP.  I do not see the issue in Safari, Firefox, or IE8.  </p>
  
  <p>Can anyone confirm if this is a known issue, or does anyone know of a standard workaround?  </p>
  
  <p>The best workaround I can think of is using an image for the border, but I have not yet been able to test this and see whether it suffers from the same bug.  </p>
  
  <p>Another (ugly) option might be to place another HTML Element of the correct color on top of the offending section of border.  </p>
  
  <p>Thanks in advance to anyone who can provide more info on this.</p>