Ситуация такова: слева у нас должен находиться блок с фильтрами, справа -- два ряда колонок основного контента. При флоуте колонок основного контента первый ряд, в котором они находятся, занимает всю ширину макета, игнорируя фильтры, находящиеся по левому краю. Таким образом весь порядок сбивается, и следующий ряд колонок уже располагается снизу, "наезжая" на футер, и выходя за пределы основного контейнера в принципе. Таким образов, необходимо выяснить, какое css-свойство нужно задать фильтру, чтобы он и сетка колонок располагались на странице независимо друг от друга, но при этом находились на одном уровне?
Чтоб два блока находились рядом установите у обеих float, либо у одного float и у другого margin, чтоб не наезжал.
Также чтоб на футер на наезжал блок нужно установить clear: both; (left|right)
Прочитайте про обтекание, 100500 разных записей на эту тему в интернете
Простой
Простой