hover text on a link

[developerquery]

How do I give the same hover effect like on

http://www.webdesignerdepot.com/2009/11/a-guide-to-creating-email-newsletters/

On the word newsletter
I did this but its not up to the mark.

a:hover
{
    background-color:pink;    
}

<div>Email <a href="http://www.google.com" style="text-decoration:none"><span style="color:pink" >newsletters</span></a>  are hotter than ever</div>

[Rabbit]

They use javascript to do that. You can't do it with just CSS and HTML.