Footer Appears in Content Area - Wordpress

[renet]

Here's an interesting one.

When viewing 1 page on this Wordpress Blog (on my server)
I have the photos stacked vertically in a table (it has to be cleaned up) and than have text on the left hand side.

But, off to the left of the photos is some of the text from the footers such as the site designer, etc.. instead of being way at the bottom of the page. Have not noticed this on any other pages.

btw: This is actually a blog post rather than a page.

Here is the html source code of the page:

<div class="post" id="post-272">
<h1>TEXT</h1>

<div class="entry">
<p style="text-align: center;"><strong>TEXT</strong></p>
<p style="text-align: center;"><strong>$416,900</strong></p>
<p>
<center><img class="aligncenter size-full wp-image-273" title="802-n-heron" src="example.net/wp-content/uploads/2008/09/802-n-heron.jpg" alt="" width="500" height="324" /></a></center>

<p>
<center>TEXT</center></p>
<table border="0" align="right">
<tbody>
<tr>
<td><img src="example.net/wp-content/uploads/for-sale/802-n-heron-1.jpg" alt="" hspace="10" vspace="5" /><img src="example.net/wp-content/uploads/for-sale/802-n-heron-2.jpg" alt="" /></td>
</tr>
<tr>
<td><img src="example.net/wp-content/uploads/for-sale/802-n-heron-3.jpg" alt="" hspace="10" vspace="5" /><img src="example.net/wp-content/uploads/for-sale/802-n-heron-4.jpg" alt="" /></td>
</tr>
<tr>
<td><img src="example.net/wp-content/uploads/for-sale/802-n-heron-5.jpg" alt="" hspace="10" vspace="5" /></td>
</tr>

</tbody>
</table>
<ul>
<li>TEXT</li>
<li>TEXT</li>
</ul>

<!-- <p class="postmetadata alt">
<small>
TEXT <a href="example.net/category/uncategorized/" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a>.
TEXT <a href='example.net/272/uncategorized/802-n-heron-drive/feed/'>RSS 2.0</a> feed.

TEXT <a href="#respond">TEXT</a>, or <a href="example.net/272/uncategorized/802-n-heron-drive/trackback/" rel="trackback">trackback</a> TEXT

<a href="example.net/wp-admin/post.php?action=edit&amp;post=272" title="Edit post">TEXT</a></small>
</p>
-->
</div>

</div>

</div>
</div>
<!-- end main -->

<!-- footer -->
<div id="footer">
<div id="left_footer">
Powered by <a href="http://wordpress.org/">WordPress</a>
</div>
<div id="right_footer">
<!-- Please do not change or delete this link. Read the license! Thanks. :-) -->

Design by <a href="http://www.realitysoftware.ca" title="Website Design">Reality Software</a>
</div>
<!-- 14 queries. 0.145 seconds. -->
</div>
<!-- end footer -->

</div>

</body>
</html>

[renet]

BTW: IT works correctly in IE6 and IE7. It's firefox where the problem is on this one.

[ergophobe]

It's most likely a problem with your CSS float. Because IE renders slightly differently (and a lot differently if you do not have as your very first line a DOCTYPE declaration), floats will behave differently (and that can be true with or without a DOCTYPE).

Basically, I would guess that you're not clearing the float after the photos or the containing element for the photos.

Does that sound possible? Are you using any floats in your CSS?