Can't get outer div background to extend to the bottom of the page

I am working on this page: http://www.comehike.com/o开发者_JS百科utdoors/birds/birds.php

Before the google map, there is a white background. But after the google map, the original div's white background does not extend lower and the page looks awkward.

Do you know why this is happening and how I can get the white background to extend to the bottom of the page?

Thanks!

put the map and thing under it inside the <div class="basic">

:)

The html change just didn't show up for me for a little while. All solved by putting everything inside the div named basic.