Removing gap between Div elements

I have a white space appearing between the two div elementscol3-2 and the_content which I have been unable to resolve.

Visit site hereYou can see the white gap between the image, and the green element.

HTML - PHP:

<div id="imageslider" class="clearfix"><?php echo do_shortcode('[advps-slideshow optset="1"]'); ?></div><div class="col3-2"><div id="content" class="clearfix"><?php                     $args = array( 'pagename' => 'home' );                    $the_query = new WP_Query( $args );    while ( $the_query->have_posts() ) : $the_query->the_post(); ?><div class="the_content"><?php the_content(); ?><?php edit_post_link(__('Click to edit this content','themify'), '[', ']'); ?></div><?php endwhile; wp_reset_query();?></div></div>

CSS:

.col3-2{    float: left;    margin-left: 0%;}.col3-2 {    width: 100%;    font-family: 'Titillium Web', sans-serif;}.col3-2 h1 {    margin-right: 20px;    font-size:300%;}.the_content{    display: none;}#content {    float: left;    padding: 0 0 0%;    width: 100%;}