I have below menus
<ul id="fMenu">
<li><a href="#"><img src="images/connect/Facebook.png">Be a Fan</a></li>
<li><a href="#"><img src="images/connect/Twitter.png">Follow Us</a></li>
<li><a href="#"><img src="images/connect/Google+.png">+1</a></li>
<li><a href="#"><img src="images/connect/Flickr.png">Flickr</a></li>
<li><a href="#"><img src="images/connect/Tumblr.png">Tumblr</a></li>
</ul>
My problem is that link text is displayed somewhat below the image i want the text to be against the middle of the image
Regards Jane