I recently changed the default download icon with a custom icon. Afterward the the box around the text and icon turned white. I used Firebug to determine the color setting was in the CSS Directory front.CSS. On line 20 of the code, I changed the background: from #f3f3f3 to #000000. See below:

.btn_outer{
float: left;
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 4px 12px 4px 3px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;

> BACKGROUND #f3f3f3;< COLOR CHANGED TO #000000

background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;

The change comes across perfectly in Mozilla and near the same in IE. (The top of the new icon is slightly cut off.) But the white box remains in Safari and Google Chrome. Any help would be greatly appreciated!

DJAGAIN