DIV overlapping another DIV plus H1 not showing on overlapping DIV

EDIT: solution below

The DIV called #title is supposed to be vertically below the .fourpics DIV it is on top of.

In addition to that #title DIV should have H1 text on top of it.

This link shows the problem: http://www.nanoweather.com

I just fixed it by giving the fourpics div a height and width dimension. I had been working on this a while before posting, attempting various solutions, but the answer came to me shortly after posting.

Here is the corrected version: http://nanoweather.com/corrected.html