Modification d'un tabelau

Bonjour,
Voila la page de mon site a modifer : http://www.imix-community.com/groupes/i-mix/members/
J'aimerias que tout les membre inscrit l'un en dessous de l'autre soit cote à cote pour gagnier enormement de place.


Voila mon code :
<ul id="member-list" class="item-list" role="main">

<?php while ( bp_group_members() ) : bp_group_the_member(); ?>

<li>
<a href="<?php bp_member_permalink(); ?>"><?php echo get_avatar(bp_get_member_user_id(), 50,null,'" class="avatar user-1-avatar avatar-50 photo'); ?></a>

<h5><?php bp_group_member_link(); ?></h5>
<span class="activity"><?php bp_group_member_joined_since(); ?></span>

<?php do_action( 'bp_group_members_list_item' ); ?>

<?php if ( bp_is_active( 'friends' ) ) : ?>

<div class="action">

<?php bp_add_friend_button( bp_get_group_member_id(), bp_get_group_member_is_friend() ); ?>

<?php do_action( 'bp_group_members_list_item_action' ); ?>

</div>

<?php endif; ?>
</li>

<?php endwhile; ?>

</ul>


Mon css :
ul.item-list {
width: 100%;
list-style: none;
clear: both;
margin: 0;
padding: 0;
}

ul.item-list li {
overflow: visible;
list-style: none;
width: 24.5%;
padding: 10px;
float: left!important;
margin: .3% .6% .3% 0;
min-height: 71px;
}