The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

OK your problem is that all of you divs are absolutely positioned. This takes them out of normal document flow so that your container div actually has no content so has no height.

Personally I do not think that absolute positioning is a very good idea except possibly in the case of having a div of known width AND height. I certainly think it's a bad idea where it is basically unrequired (your title div).

I have just seen that your Javascript writes <style>...</style> tags into the body of the browser. I believe the onloy valid place for style tags is the head of the document. Although doing this seems to work in IE6 (and may be other browsers) you should move the code to the head of the document because you have no garunttee that it will work on all current browsers and even if it does that it will continue to work with new releases.

And while we are talking javascript are you aware that if a browser supports javascript then the spans in you menu deisplay as block level elements (which is what a presume you want cos it looks quite good) but if a browser doesn't support javascript then all the menus are displayed (also what you want) but the spans are displayed as in-line elements not block elements.