title: CSS border and float issue
body: <p>I am trying to have a border whenever I hover on the element, so I created <a href="http://jsfiddle.net/bSF8B/" rel="nofollow">this</a> and it works nicely for all the columns except the last column on the right.</p>
  
  <p>My question is, is there anyway I can fix it without having to use <code>position:absolute;</code> on the elements? I plan to have some elements set as <code>display:none;</code> when the user clicks the toggles, so absolute positioning wouldn't work as desired as there would be 'empty blocks' instead of having the elements automatically rearranged.</p>
  
  <p>PS : I also know about isotope, but I think it's quite an 'overkill' for something like this.</p>