i would do it a different way.
example
Code:
html example
<div id="footer">
<ul>
<li><a href="http://www.gfy.com/feed/" class="feed" title="Subscribe to the GFY feed">Feed</a></li>
</ul>
</div>
css for this
#footer ul li a {
display: block;
float: left;
padding: 3px 15px 3px 12px;
color: #999;
text-decoration: none;
}
#footer ul li a.feed {
background: url(images/icon_feed.gif) 0 60% no-repeat;
}
#footer ul li a:hover {
color: #4E677A;
text-decoration: underline;
}
of course you would have to take into consideration the size of your icon.