css - Can't float left when filtering items in jQuery -

i'm working on page: http://broadcasted.tv/fallshow.php

basically, i'd images float left when they're being filtered won't. did 15 minutes ago , made changes , won't anymore. i'm not sure did or why won't float anymore. have proper css.

can tell me i'm doing wrong ?

any appreciated. thanks!

js

<script src="livefilter.js"></script> <script> $(function() {      $('#search_input').fastlivefilter('.two'); }); </script> 

and html

<div class="row main-wrapper watchlist-left">  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  <div class="two columns float-left"></div>  </div> 

when filter items, you're making undesirable items smaller, you're not hiding them. still floated left, have undesirable list items @ 1px {width}.

you need take min-height: 1px off of .column, .columns