Hallo Sanjoy!
Hab mich im Netz umgeschaut und wollte fragen, welcher Ansatz der "beste" ist, ...
Am Besten finde ich noch die Variante mit
<li><a href="link">Titel</a></li>
und wenn du den Text auf einem img hast, dann
<li><a href="link"><span style="display: hidden;">Titel</span></a></li>
und dem A-Tag das Bild als Hintergrundgrafik angeben. Als Tipp kann ich dir geben, das A-Tag mit einem display: block; zu versehen. Dann ist es auch möglich Höhe und Breite zu definieren.
im Sinne von Kompatibilität zu möglichst vielen Browsern.
Mit ein bisserl basteln funktioniert das eigentlich bei allen.
lg lixx