sidebar сползает вниз

Здравствуйте. Делаю свою шаблон на wordpress. На главной странице всё нормально отображается, а если перейти на страницу "о сайте", то sidebar сползает вниз.

Как исправит это?

<?php

get_header();

?>



<?php

get_sidebar();

?>





<div id="main">

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





<div class="post" id="post-<?php the_ID(); ?>">



<h3 >

<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>

<div>

<?php _e("Filed under:"); ?> <?php the_category(',') ?> &#1485;

<?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(__('Edit This')); ?>

</div>

<div>

<?php the_content(__('(more...)')); ?>

</div>



<div >



<?php wp_link_pages(); ?>



<?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>

</div>



</div> <!--closing .post -->

<?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(' &#1504;', __('&#736;а&#27003;&#23865;&#8160;&#470048;&#60022;&#2537;, __('&#1195;&#26995;&#66214;&#65599; &#470048;&#60022;&#2107;')); ?>









</div>

Стили

body{background-color: #084167;  min-height: 100%;

  height: auto !important;

  height: 100%;

  position: relative;;}

#wrapper

{width:1000px; background-color: #fff;color:black;margin: 0 auto;}



#header

{

  background: url(im/logo.jpg) no-repeat ;height:200px;margin:0px;padding:0px

}

#footer{ width:1000px; float:left;background-color: yellow;}

#sidebar{float:right;background-color: #B5B9BC; margin-left:0px; width:300px; position: relative; left: 0px}



#main {float:left; width:700px;background-color: green; }

#content{background-color: white; min-height:600px}



div.menu{background-color: #084167; margin:0px;padding:0px;color:#fff

}

div.menu li

{ list-style-type: none;  float: left; margin-left:10px;



}

div.menu ul{margin:0px;padding:10px;}

div.menu a{color:#fff}