the_content not placing properly

Hello, I’m posting here today because I am having a real serious problem with this whole “the_content” include. I’m trying to code a custom theme for a client and everything is perfectly positioned and functioning until I try to retrieve the posts on my single.php file.

This is what the page looks like right now: http://www.jessmadeit.com/fm/blog/2010/08/11/test-post-1/

When I include the_content the post goes under the footer and I’m not able to highlight or select anything on the sidebar. The twitter widget is unaffected by this though. But when I remove the_content everything goes back to normal.

I’m not sure if it’s a problem with my css or if my coding is off. I’ve been searching this forum and google for over the past 2 hours and still haven’t figured it out. Any help would be much appreciated.

This is the code on my single.php file where the_content is located:

<div class="entry-content"><?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>

And here is the css involved with the single file:

#pgmain { width:710px; float: left; overflow: hidden; }

#pgside {
width: 255px;
left: 738px;
background-color: #000;
float: right;
}

.entry-meta { font-size: 0.9em; border-top: 1px solid #0d0d0d; padding: 4px; padding-top: 8px; }
.entry-meta a { font-size: 1em; }

.entry-content { text-align: justify; text-justify: newspaper; }