Div Problem in new WP Template

[Andrea]

I have been over this and over this, and I cannot find where the mistake is. On http://aandbwebdesign.com/pets/2010/10/another-test/ everything was fine, until (following the Killersites University Videos) I inserted

	<div id="meta">
	<?php the_tags('Tags: ', ', ' , ''); ?>
	<br />
		posted in: <?php the_category(', '); ?><br />
		<?php post_comments_feed_link('subscribe to comments'); ?>
	</div>

The green (for demo purposed only) is the background of this meta div - and is should line up nicely between the post and the 'Leave a Comment' div - yet, it almost acts like it's floating -and I'm definitely not telling it to (on purpose).

#meta {
border: 1px solid #8f181c;
background: green;
height: 50px;
padding: 3px;
font-size: .8em;
}

 

Can anybody see what is is I'm overlooking?

[Susie]

I added clear: both; to #meta and it popped right down to where it should be.

[Andrea]

OK -I'll do that. It's too odd so - nothing is floating that I'm aware of that might be causing it. Thanks.

[Susie]

Well, I saw that #content #single is floating and when I took the float off that, it popped down, too. But then #sidebar didn't float anymore.

 

Playing in the developer toolbar, I think it's the #single div that's causing problems, but I can't figure out exactly what that is. When I remove it, #meta stays where it should....