Personalizar top de amigos

Efeito sem imagem de backgound a foto não se vê se passar o rato a imagem aparece mas fica sempre o local onde fica a imagem.
Se colocarem imagem de background então aparece por defeito essa imagem depois ao passarem o rato aparece a imagem do teu amigo.

Código:

<style type="text/css">
.friend-picture {height:100px !important;width:85px!important;margin-left: 0px;border:double #000000 3px;}
.friend-picture img {height:100px !important;width:100px!important;margin-left: 8px}
.friend-picture div {background:url( Colocar ou não url de imagem ) 8px;padding:200px;}
.friend-picture div:hover {padding:0px;}
</style>

podem sempre alterar as borders e a forma tipo a imagem.

Aprovado!