HTML div overlapping with the footer

I keep staring with firebug at this page:

http://www.开发者_Python百科comehike.com/outdoors/parks/park.php?park_id=54603

and I can't figure out why the right side is overlapping with the bottom div. It might be because it is past midnight for me, but could anyone tell what is going wrong there?

Thanks, Alex

Remove the

height:325px;

in the containing div, that comes after <!-- End of photos from this park -->. Note that it's always a bad idea to manually add style information to HTML, you should rather use classes for that.

Also, some of the syntax looks garbled:

<div width:400px;">

should be:

<div style="width:400px;">

You have a DIV with a height set of 325px;

<div style="height:325px; width:400px;">
    <p></p><h2>Hikes Coming Up In The Area</h2><p></p>
.....

Removing the height or setting overflow:hide/scroll in CSS will fix this.