Text Appears on Social Media Icons on Navigation Bar
 

How can I remove the text that appears on top of my social medical icons?

http://theblueprintsocial.com/test/

I tried

text-indent: -9999px;

but that didn't work.

Thanks

Found this and figured it out

http://vanweerd.com/how-to-replace-t...igation-menus/

I had to add text-indent to separate CSS class. I had it added like this

#nav li.facebook a {
background: url(images/mpfacebook.jpg) no-repeat center left;
padding: 7px 20px 5px 15px;
text-indent: -9999px;

}

had to remove it from there and add it here without the "a"

#nav li.facebook {
text-indent: -9999px;
}