The website:
www.pgcsa.org

On a few of the pages on this site (longer ones like the board page and in the LAL sections), the menu <div> needs to be manually extended to match the height of the content <div>. I got it to work correctly in Firefox and IE9, and for the most part in Opera. Chrome and IE8 for some reason are giving me issues. If FIrefox and IE9 are working, why isn't Chrome?

I was also trying to come up with a way to cross-browser fix this without having to manually input <div> heights on each page. If I put #menu{height:100%;} would that help match the content <div> easily?

Try out the 100% as putting in a height is maybe not such a good idea. There are some pages which have a blue band across the bottom where the content doesn't reach down to the bottom. Why not have your container with a white background instead of just the content area? I see that also has a height limit which is probably part of the problem. If you want a container/wrapper to hold all the rest, possibly it would be better to do 100% for that also.

Yeah the 100% did it. I had to still put a min-height for the #container (chose 800px) but put height:100% after that. Also put a height:100% for the #navmain. Seems to work...so far. Gave me a chance to clean up some of the other CSS too. The main upshot being, I don't have to have any CSS on individual pages.

Lee...good news.