[Resolvido] Link contato

Imagem: http://imageshack.us/photo/my-images/829/contatoa.jpg/

Olá,

Estou tentanto fazer este link ai igual o da imagem ai de cima, ele vai trocar a cor OnHover , estou em duvida da melhor forma de fazer.

<div id="contato"><a href="#">contato</a></div>

A estrutura ta assim, mas nao sei como criar o circulo ali, de uma forma que eu consiga fazer o efeito hover.Com background-image e background-position acredito que nao funcionaria, pois meu hover é lento, estilo fade.

Alguma dica ?