[CSS]WordPress Theme - Problem Opcje

[pear]

Witam! Wziąłem się za zakodowanie pierwszego thema do WordPressa. Top działa poprawnie. Gdy napiszę 2 wpisy, to menu zamiast przylegać do pierwszego wpisu - przylega do tego ostatniego.

Wygląda to tak: http://i28.tinypic.com/snifes.png

[pear]

style.css

[HTML] pobierz, plaintext 
#wpis {
   float: left;
   width: 655px;
}
 
.nwpis {
   background-color: #f6f6f6;
   border: 1px solid #eae9e9;
   font-family: Tahoma;
   font-size: 12px;
   color: #000;
   text-align: justify;
   margin-bottom: 8px;
}
 
div#wpis h1 {
   text-align: left;
   padding-left:7px;
   padding-top:4px;
   font-family: Tahoma;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color: #0d4c80;
}
 
div#wpis h2 {
   text-align: left;
   padding-left:7px;
   font-family: Tahoma;
   font-size: 11px;
   font-weight: normal;
   color: #0d4c80;
}
 
div#wpis p {
   margin-right: 5px;
   margin-left: 5px;
   margin-top: 2px;
   margin-bottom: 5px;
   font-family: Tahoma;
   font-size: 12px;
   font-weight: normal;
   color: #000
}
 
#menu {
   margin-left: 11px;
   float: left;
   width: 299px;
}
 
.nag1 {
   width: 299px;
   height: 33px;
   background-image: url(images/ok_21.png);
}
 
.linki {
   padding-left: 5px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 13px;
   width: 284px;
   background-color: #f6f6f6;
   border: 1px solid #eae9e9;
   font-family: Tahoma;
   font-size: 11px;
   color: #000;
   text-align: justify;
   margin-bottom: 8px;
}
[HTML] pobierz, plaintext 

sidebar.php

[HTML] pobierz, plaintext 
<div id="menu">
<div class="nag1"></div>
<div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</div>
 
<div class="nag1"></div>
<div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</div>
 
<div class="nag1"></div>
<div class="linki"><img src="http://s209.photobucket.com/albums/bb314/tei187/tei187_avatar_90x90.jpg" alt="Tekst alternatywny" />
Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus.
</div>
</div>
</div>
[HTML] pobierz, plaintext 

index.php

[HTML] pobierz, plaintext 
<?php get_header(); ?>
 
<?php if (have_posts()) : ?>
 
<?php while (have_posts()) : the_post(); ?>
 
<div id="con">
<div id="wpis">
<div class="nwpis" id="post-<?php the_ID(); ?>">
<h1><?php the_title(); ?></h1>
<h2>dodane przez: gary; 30.08.2009r.</h2>
<p><?php the_content('Czytaj więcej...'); ?></p>
</div>
</div>
 
<?php endwhile; ?>
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>
 
<?php else : ?>
 
<?php endif; ?>
[HTML] pobierz, plaintext