few styling problems

Answer 1

you could try using a clearing div like this:

<div class="friendlisting">
    <a href="#"><img src="http://www.hurriyet.com.tr/_np/3375/8623375.jpg" alt="xxxx" class="profile" /></a>
    <div class="userinfo">

     <span><strong><a href="#">George Lexington</a></strong></span>
     <span>Bruges, Belgium</span>
    </div>
    <div class="commonfriends">13 common friends</div>
    <div class="tools">
     <span><img src="images/icons/user_add.png" />Add to friend list</span>
     <span><img src="images/icons/email_edit.png" />Send Message</span>     
    </div>

<div style="clear:both;"></div> 
</div>

or if you dont like the in-line style

.clear
{
  clear:both;
}

then <div class="clear"></div>