Add an image to individual navigation tabs

Add an image to individual navigation tabs

How would I make the icon Replace the actual tab text?
So instead of the icon being behind the text it would be where the text is.
 
Try removing the phrase text and saving it as an empty phrase.
I ran into a problem, I have a custom tab that I added in navigation template:
Code:
<li class="navTab PopupClosed"><a href="{xen:link info}" class="navLink">{xen:phrase home}</a></li>
But this navTab doesn't seem to have a real name that (.navTab.NAME), how would I add a proper name to it so I can add a icon?
 
If you have added it by editing the navigation template, just add a custom class name to the li, e.g.
Code:
<li class="navTab myHomeTab PopupClosed">
 
Back
Top Bottom