Simple Social Icons customize icons

[Rita]

I'm trying to upload a custom icon for the simple social icons on my clients test site. I've only been able to edit the hover color using this code which worked to change the hover color:

.simple-social-icons .social-facebook a:hover {
background-color: #4965a0 !important;
}

I tried removing the a:hover thinking it would enable me to change the actual icon, but that didn't work.
.simple-social-icons .social-facebook {
background-image:url('http://edv.womenwithvoice.com/wp/wp-content/uploads/2012/05/facebook100.png');
}

I tried taking out the Facebook specific to see if it would work universally, but that didn't work either.
.simple-social-icons {
background-image:url('http://edv.womenwithvoice.com/wp/wp-content/uploads/2012/05/facebook100.png');
}

What am I missing?

http://edv.womenwithvoice.com/wp/

[Rita]

Not sure why there's a duplicate of this post so I'm close it and leaving the other one open.

[Author]

Posts