title: Border Color Displaying Incorrectly in Firefox
body: <p>I have an issue where Firefox is failing to render the correct color of a border, whereas a browser like chrome succeeds. I am hoping to draw a dark purple color, but instead I am rendering a light pink. Here is the code that prepared to draw the border:</p>
  
  <pre><code>&lt;div class="comments-list " class="" ng-click="writeGrapeComment(grape, $index)" style="background: rgba(44,62,80,0.0);border-left-style: outset;border-color: #9B59B6;width:100%;border-width:20px;padding:0px 25px 5px 25px;"&gt;
  </code></pre>
  
  <p>The CSS for the comments-list class is as follows:</p>
  
  <pre><code>.comments-list{
  background:rgba(44,62,80,0.5);
  padding:25px;
  }
  </code></pre>
  
  <p>What is also vaguely disturbing is the following: I can set the border color to be pure black using the hex #000000. Yet this also does not render as a black color in Firefox! Instead it appears as a muddy beige. I would be grateful for any help I can get in resolving this issue.</p>