here is the website: http://dolanfoundation.org/
and css: http://dolanfoundation.org/dolancss.css

hey there! this is my first time here, so I hope nobody minds if I go right into asking a question. well, I'm designing a site for a friend, but this is my first real attempt at a fully css html site. I'm having trouble making the content area stretch in height when the text is longer than the space. I thought I did it correctly by putting this in the content div:

background: url(images/midbg.jpg) repeat-y;
height: 100%;
min-height: 330px;

but if you scroll down on the website you will see how the text goes beyond the content area. Is there something I forgot to do? or is this something that I can easily change? thanks in advance!

I'm not a css guy but I looked at your source and was able to create the desired result. Whether it is the correct way to do it...I don't know.

Where your html is:

<h4>Contributions</h4>
If you would like to lend us a hand, please go to our contributions page.  The Dolan Foundation relies on the charity and assistance of men and women like you.</span>

</div>
<div id="footer"></div>

</div>


</body>

add:

<div style="clear:both;"></div>

Like so:

<h4>Contributions</h4>
If you would like to lend us a hand, please go to our contributions page.  The Dolan Foundation relies on the charity and assistance of men and women like you.</span>
<div style="clear:both;"></div>
</div>
<div id="footer"></div>

</div>


</body>

Try it. Hope it helps

EDIT: I only tested this is firefox 3 beta 5

that worked great! thanks so much. I'm gunna have to look up what clear:both means though, lol, so I can at least understand how it is working. thanks again!

What you need to look up is how to CLEAR FLOATS.
clear:both means just that - it clears the side and bottom of the float. You might also look up www.w3schools.com.

You have a LOT of validation errors, mostly stemming from your incorrect nesting of your styles.. wrapping spans around Headigns and divs is incorrect.