Empty Space Break Before Posts Loop in IE

Before the posts loop in IE there is a large empty space in which posts should be there. Both on homepage and all other pages.

http://sangiljanasc.com/

This problem isnt happening in any other browser. It was my first wordpress website so please forgive me, the code isn’t perfect. Thanks

INDEX.PHP

}`

<?php get_header(); ?>

        <div id="main-content">

	<div id="page-wrap">

         <div id="latest-news">
         <img src="<?php echo bloginfo('template_directory') .  '/images/latestnews.png'; ?>" alt="Latest News" />

         <div id='posts'>
         <?php if(have_posts()) : while(have_posts()) : the_post(); ?> 

           <div class="post-item">

					<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

					<p class="meta">Posted on <?php the_date(); ?></p>

					 <div class="summary"><?php the_content('Read  More...'); ?> </div>
					 <br />

                 <!--   <p class="readmore"><a href="<?php the_permalink(); ?>">Read More</a></p> -->

         </div><!-- end post-item -->

         <?php endwhile; ?>

         <?php else : ?>
         	<p>Sorry, no content is available yet.</p>
         <?php endif; ?>

         <div id="morePrev">
					<?php next_posts_link('More...'); ?>
					<?php previous_posts_link('Return...'); ?>
				</div> <!-- END POSTS -->
</div>

          <div id="clear-div">

          <!-- To resize main content holder -->
          </div>

          </div><!-- end latest news -->

          	<?php get_sidebar(); ?>

      </div>

	</div>

</div>

 <?php get_footer(); ?>

div#main-content div#latest-news {
			float: left;
			width: 750px;

		}
  div#main-content div#latest-news div#posts { margin-top: 0; }

		div#main-content div#latest-news div#posts  .post-item{

		margin-top: 2px;
	    margin-bottom: 10px;
	    border-bottom: 1px solid #515151;
	    overflow: hidden;
	    padding: 10px;