Border Color Displaying Incorrectly In Firefox

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

Solution 1:

Use "border-left-style: solid;" instead of "border-left-style: outset;" this will work be fine..

Solution 2:

Two possibilities :

• You applied a -moz-opacity to a parent element
• Your Firefox color profile has been modified. Please see this link http://cameratico.com/guides/firefox-color-management/, and set all values to default ones. Alternatively, you maybe have installed a plug-in that modified your color profile, like this one : https://addons.mozilla.org/fr/firefox/addon/color-management/

Solution 3:

If none of the above solutions apply to the situation, I've found that when all else fails, using:

-moz-border-top-colors: inherit;
-moz-border-right-colors: inherit;
-moz-border-bottom-colors: inherit;
-moz-border-left-colors: inherit;

will work.