Internet Explorer 6 not clearing floated elements

it is difficult to explain but here goes:

having problems with IE6 not clearing floated elements. loading up http://www.jongalli.com/gfa in Firefox and IE will show the problem.:

i would like the council members list, which includes a description of each member and a profile image, to be contained within a html div tag, as seen in Firefox. However IE does not seem to clear the floated image element after every member and as a result, starts overlapping other div tags further along the page.

perhaps there is a more viable method to the one i have used? or maybe i have overlooked an element?

any help would be appreciated and if proving more difficult than first impression, would be willing to up points!

1:

http://www.jongalli.com/gfa - viewing source will show css and html all in one page