2nd Element Out of Alignment

HTML & CSS
1

I want to set up the Wordpress index page at: http://estesparkrentals.allyourssolutions.com to show these post excerpts in a 2 or 3-column table-like format. I am currently using the below code for the page. After I get the css working, I plan to pull it out and put it in my stylesheet. Any help as to why Accommodation #2 on is dropped lower is greatly appreciated. Thanks!

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */

get_header(); ?>

<?php get_sidebar(); ?>

	<div id="content" class="narrowcolumn" role="main">

	<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>
		
			<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
			<div style="float: left; width: 200px; border: 1px solid red; margin-right: 12px; text-align: center !important; background-color: white; padding-right: 5px; padding-left: 5px;"> <!--div that creates each excerpt block-->
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
				
				<div class="entry">
					<?php the_excerpt('Read the rest of this entry &raquo;'); ?>
				</div>
				<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">Property Details</a>
				<p class="postmetadata"><?php the_tags('Amenities: ', ', ', '<br />'); ?></p>
			</div> <!--end div for excerpt block-->
			</div>
			
		
		<?php endwhile; ?>


		<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
			<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
		</div>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>

	<?php endif; ?>

	</div>

<?php get_footer(); ?>
2

Hi, you need to float “.posts” in order for that little droppage you see go away :).

3

Thanks! That solved it!

4

You’re welcome :).