[CSS/JS] Button rollover z tekstem Opcje

[swist666]

Witam chciałbym zrobić button - coś na wzór youtube "Ulubione" ( http://i41.tinypic.com/nwzvis.jpg ), jednak napotkałem parę problemów:

1) Pewnie wyda wam się banalny ale ja nie mogę znaleść rozwiązania jak poprawnie uzyskać podkreślenie kropkowane, metoda którą znałem nie działa:

[HTML] pobierz, plaintext 
A.tralala:link, visited{border-bottom:1px solid #000000; text-decoration:none; color:#000000; font-family:Tahoma, Geneva, sans-serif;}
A.tralala:hover{border-bottom:1px solid #000000; text-decoration:none; color:#000000; font-family:Tahoma, Geneva, sans-serif;}
[HTML] pobierz, plaintext 

- w Firefoxie i pod IE działa, jednak opera jakoś dziwnie sama dobiera odsępy między kropkami w różynch linkach:
http://i42.tinypic.com/2mzf81h.jpg :/
i nie wiem jak to rozwiązać (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

2) chciałbym aby ikonki obok były obsługiwane przez rollover jak na youtube a niestety nie wiem jak to zrobić jak stosuje margin-top: 15px; to albo dla samej ikonki (a chcę, żeby działało dla ikonki i dla tekstu), albo jak dam klase do wszystkiego to margin też dotyczy tekstu i się rozjeżdża :/

macie jakieś rady??