aligning main content with sidebar

I was wondering if someone out there could take a look and see if my code needs to be switched around to have my sidebar and main content area level. Rather than have one side all the way down the page.

I believe the problem lies in my page.php. This is the code for it:

[please read the forum guidelines for posting code]

<?php get_header(); ?>

        <div id="MainContentContainer">
            <div id="MainCopy">

	<?php the_post(); ?>

                <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <h1 class="entry-title"><?php the_title(); ?></h1><div id ="SideBar">
<img src="<?php echo get_bloginfo('template_directory'); ?>/img/buy-book.png" alt="Buy this Book" border="0" />
<img src="<?php echo get_bloginfo('template_directory'); ?>/img/sample-chapter.png" alt="Sample Chapter" border="0" />
<img src="<?php echo get_bloginfo('template_directory'); ?>/img/future-books.png" alt="Future Books" border="0" />
<img src="<?php echo get_bloginfo('template_directory'); ?>/img/faq.png" alt="FAQ" border="0" /></div>

                    <div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your-theme' ) . '&after=</div>') ?>
<?php edit_post_link( __( 'Edit', 'your-theme' ), '<span class="edit-link">', '</span>' ) ?>
                    </div><!-- .entry-content -->
                </div><!-- #post-<?php the_ID(); ?> -->           

<?php if ( get_post_custom_values('comments') ) comments_template() // Add a custom field with Name and Value of "comments" to enable comments on this page ?>            

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

<?php get_footer(); ?>

I’m not quite savvy yet with problem-solving with code just yet. But, any help is really appreciated.

Thank you!