Text flows over but I want it to expand the container

Hi, I'm having a problem where the text just flows outside of the bottom boundary of a container, but I want it to push the container to expand at the bottom to accommodate the extra text.

Please tell me if I'm not being clear, or you don't understand my question/problem.

here is the html page:
http://phatvuong.com/GPCC/page.html

here is the external css that is used at that page (note that there is also a tiny bit of inline css styling (i.e., div style="blah")):
http://phatvuong.com/GPCC/screenPage.css

The problem container is id="rightContainer", which has all that text with "Welcome" titles in it.

Thank you very much for your help.

Remove the height:544px; from #content first.

okay that works, but it now it is only as tall as the content that is in the container. I need it to be a certain height as a minimum, while still able to be expanded upon necessity.

thx

Hello elwell,
Most modern browsers will recognize a min-height/width setting. IE6 of course won't. Have a look at this page for a fix http://www.dustindiaz.com/min-height-fast-hack/

Have a look at this page for a full height layout that works in all browsers - http://nopeople.com/CSS/full-height-layout/index.html