loop div problem

<?php get_header(); ?>
<div id="container">

    <div id="index-content">

    <?php while ( have_posts() ) : the_post() ?>

    <div id="blog-left" style="border-top:1px solid #66cccc;">

    <div id="rss" style="float:right; padding:10px 65px 0px 0px">

<!-- FACEBOOK BUTTON REMOVED 21st OCTOBER 2012
     <div class="fb-like" data-href="http://www.thewellnessnomad.com" data-send="false" data-layout="button_count" data-width="400" data-show-faces="false" style="padding-right:20px;"></div>
-->

    <a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><img src="<?php echo get_bloginfo('template_directory');?>/images/rss.jpg" class="img" alt="" /></a>

    </div><!--rss-->

    <div id="blog-content-title" style="font-style:italic; padding-left:60px; padding-top:40px; color:#66cccc; width:695px;">
    <?php echo get_the_title(); ?> <span style="color:#555353;"><br/>

    posted by Rebecca Walker  |  <?php the_date(); ?></span>

    </div><!--/#blog-content-title -->

    <div id="blog-content" style="clear:both; padding-left:60px; width:630px; "><?php the_content(); ?>
    </div><!--/#blog-content -->
</div><!--/#blog-left -->
    <?php endwhile; ?>

</div><!--/#index-content -->

    <div id="sidebar">

<div id="blog_sidebar" style="padding-top:30px;">

     <ul class="sideul">
     <li style="font-size:14px; color:#66cccc; padding:0px; padding-bottom:10px;">Categories</li>
     <?php echo get_the_category_list(); ?>
     </ui>

      <ul class="sideul" style="padding-bottom:13px;">
        <?php get_links_list(); ?>
     </ul>

      <ul class="sideul">
     <li style="font-size:14px; color:#66cccc; padding:0px; padding-bottom:10px;">Archive</li>
        <?php wp_get_archives('type=monthly&limit=12'); ?>
     </ul>

   </div><!--blog_sidebar-->

    </div><!--sidebar-->

    </div><!--/ #container -->

<?php get_footer(); ?>