text-decoration: underline und non innerhalb eines Links

[Kamodon]

Lösung: entferne den Underline vom Link und "zerstückle" den Inhalt in einzelne Spans mit und ohne Unterstrich.

So geht es, danke!

/* Footer allgemein */
.footer a {color:white; text-decoration:none;}
.footer a:hover {color:gray; text-decoration:underline;}

/* Footer Speziallink */
.footer a.speziallink:hover {color:gray; text-decoration:none;}

.footer a:link .twitter-iconlink, .footer a:visited .twitter-iconlink {opacity:0.5;}
.footer a:hover .twitter-iconlink, .footer a:active .twitter-iconlink, .footer a:focus .twitter-iconlink {opacity:1.0;}

.footer a:hover .twitter-textlink {text-decoration:underline;}

<a href="http://twitter.com/foo" class="speziallink"><span class="twitter-iconlink"><img src="images/gui/icons/twitter-small.png" alt="Twitter-Icon" /> </span><span class="twitter-textlink">Mein Twitter-Konto</a></span>