I found a little bit out about the problem but the problem is I cant get them to align next to one another ive been able to switch which one is in the correct location. It seems like a size problem but I dont see that in the css.
<div id="page">
<?php get_header(); ?>
<img src="/images/head2.jpg" />
<div id="body">
<?php get_sidebar(); ?>
<div id="post">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_date('','<h2>','</h2>'); ?></div>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="meta"><?php _e("Filed under:"); ?> <?php the_category(',') ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?>
<?php the_content(__('(more...)')); ?>
<div id="feedback">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
<div id="ender"><?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; else: ?></div>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<div id="ender"><?php endif; ?></div>
<div id="ender"><?php posts_nav_link(' — ', __('« Previous Page'), __('Next Page »')); ?></div>
</P>
</div>
<?php get_footer(); ?>
</div>