Only two first posts look good.

I have links to display posts of certain categories.
On these pages, the first two posts look good, meaning they align as I wanted in the CSS and so on, and then all the posts thereafter are ignoring my margins! very frustrating. have a look at viennapitts.com

here is my main index template code

<?php
/**
* @package WordPress
* @subpackage Classic_Theme
*/
get_header();
?>

<div>
<document.bgColor=”#000000″>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div style=”width: 680px;”><?php the_date(‘Y-m-d’, ‘<h2>’, ‘</h2>’); ?>
</div>

<div <?php post_class() ?> id=”post-<?php the_ID(); ?>” style=”width: 680px;”>

<h3 class=”storytitle”>” rel=”bookmark”><?php the_title(); ?></h3>
<?php edit_post_link(__(‘Edit This’)); ?></div>

<div class=”storycontent” style=”width: 680px;”>
<?php the_content(__(‘(more…)’)); ?>
</div>

</div>
</div>

<?php comments_template(); // Get wp-comments.php template ?>

<?php endwhile; else: ?>
<p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p>
<?php endif; ?>

<?php posts_nav_link(‘ — ‘, __(‘« <<‘), __(‘>> »’)); ?>

<?php get_footer(); ?>