Change an avatar shape square to round.

Hello,I changed an avatar shape square to round like a image which I attached(2014-02-06_2334.png).
I added css code like this ....

div#es-wrap .es-avatar.es-avatar-large{
border-radius:100px!important;
}
div#es-wrap .es-header-cover .es-profile-avatar {
border-radius:100px!important;
}
div#es-wrap .es-avatar img {
border-radius:100px!important;
}

the avatar shape of profile changed square to round but the avatar shape of EasySocial Leader Board did not change.
There was a white square around the avatar like a image which I attached (pic02.JPG) .

EasySocial Leader Board is on the sidebar( I named Premium Shilpa )
Please tell me how to change the avatar shape square to round completely ?

Thank you for your help.