BuddyPress.org

I wanted to have the avatars float left, so this is the code I used:

`div.avatar-block .item-avatar{
float: left;
width: 50px;
height: 50px;
margin: 5px 5px 5px 0;
}`

The avatars are floating to the left fine, but adding that code messed up the gray background behind the widgets. It is almost as if the li or ul is ignoring the amount of space the avatars are taking up.

You can see my site here:
http://policerecordsmanagement.com/members

I have been examining the code with Firebug and the CSS and Markup Validation and I can’t figure out the problem. Can anyone help?

Thanks