Alex: Linkk bei hover verschieben

Beitrag lesen

Hallo,

ich habe vor einiger zeit hier mal gefragt wie man das wort (z.b. link) in so einem link ein stück nach rechts verschieben kann, wenn man mit der maus drüber geht:
-->Link (so sieht es aus wenn man mit der maus drüber ist: -->  Link)
das script dazu:
<html>
<head>
<title></title>
<style type="text/css">
<!--
a.flipl {text-decoration:none; color:black;}
a.flipl:hover {text-decoration:none; color:blue;}
a.flipl:hover span.flipsp {margin-left:10px;}
-->
</style>
</head>
<body>
<a href="#" class="flipl"><span>--></span><span class="flipsp">Fliplink1</span></a><br>
<a href="#" class="flipl"><span>--></span><span class="flipsp">Fliplink1 etwas länger</span></a><br>
<a href="#" class="flipl"><span>--></span><span class="flipsp">Fllnk1</span></a>
</body>
</html>

Das funktioniert, jezt habe ich aber statt dem textpfeil ein gif pfeil gemacht. Und jezt wo das bild statt dem text da ist funktioniert nichts mehr, und soweit ich es ausprobiert habe funktioniert die verschiebeung überhaupt nur wenn man --> nimmt oder----- also bei Buchstaben auch nicht.
Wer kann mir helfen dass es immer funktioniert??

mfg + danke

alex