title: CSS images doesn't float to left
body: <p>I creating a buddypress theme but when I need to display online user, my css won't float my image to the left. I have set the images size, padding and margin, and it working it just unable to float my image</p>
  
  <p>This is the HTML code
      
       <a href="http://demo.com/user1" rel="nofollow" title="ovolo"></a></p>
  
  <pre><code>    &lt;div class="item-title-members"&gt; &lt;a href="http://demo.com/user1"&gt;ovolo&lt;/a&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="item-avatar"&gt; &lt;a href="http://demo.com/user2" title="admin"&gt;&lt;img src="http://imageshack.us/a/img89/3994/e6n6.png" class="avatar user-1-avatar avatar- photo" width="150" height="150" alt="Profile picture of admin" /&gt;&lt;/a&gt;
  
      &lt;div class="item-title-members"&gt; &lt;a href="http://demo.com/user2"&gt;admin&lt;/a&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is the CSS</p>
  
  <pre><code>div.avatar-block {
  height: 200px;
  width: 94%;
  }
  
  div.avatar-block .item-avatar {
  position: absolute;
  float: left;
  }
  
  div.item-avatar a {
  height: 200px;
  width: 200px;
  }
  
  .item-title-members {
  text-align: center;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/j9zru/1/" rel="nofollow">http://jsfiddle.net/j9zru/1/</a></p>