anchors with background images in unordered list

by jmjpro

HTML

<ul class="wdy-footer-links">
    <li><a class="wdy-footer-link" href="/about.html">About whodoyou</a></li>
    <li><a class="wdy-footer-link" href="/providers">Business signup</a></li>
    <li><a class="wdy-footer-link" href="http://blog.whodoyou.com">Blog</a></li>
    <li><a class="wdy-footer-link feedback" href="javascript: void(0);">Contact us</a></li>
    <li><a class="wdy-footer-link" href="/press.html">Press</a></li>
    <li><a class="wdy-footer-link" href="/review-center">Review center</a></li>
    <li><a class="wdy-footer-link" href="/privacy.html">Privacy policy</a></li>
    <li><a class="wdy-footer-link" href="/jobs.html">Jobs</a></li>
    <li><a class="wdy-footer-link" href="/team.html">Our team</a></li>
    <li><a class="wdy-footer-link" href="/faq.html">FAQs</a></li>
    <li><a class="wdy-footer-link" href="/promise.html">Our promise</a></li>
    <li class="wdy-footer-link-icon"><a class="wdy-footer-link wdy-footer-link-twitter" href="https://twitter.com/whodoyou_trust"></a></li>
    <li class="wdy-footer-link-icon"><a class="wdy-footer-link wdy-footer-link-icon wdy-footer-link-facebook" href="https://www.facebook.com/huduyou"></a></li>
    <li class="wdy-footer-link-icon"><a class="wdy-footer-link wdy-footer-link-icon wdy-footer-link-googleplus" href="https://plus.google.com/+Whodoyou/posts"></a></li>
    <li class="wdy-footer-link-icon"><a class="write_review wdy-footer-link wdy-footer-link-writereview" href="javascript: void(0);"></a></li>
  </ul>

CSS

.wdy-footer-links {
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #6c4988;
	list-style-type: none;
}

.wdy-footer-links>li {
	display:inline-block;
	margin-right: 10px;
}

.wdy-footer-link-icon > a {
	height: 27px;
	width: 28px;
	vertical-align: middle;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: top;
}

.wdy-footer-link-twitter {
	background-image:...