i'm working on a website and want the heights of the of the divs to automatically adjust according to the content, instead of me going in and changing the div height in pixels. i've set the div heights to 100% but there is still a lot of white space at the bottom of them. How do I make them all size up nicely without any extra space at the bottom.

here is the site:
www.chrissybdesign.com/exporttradebrokers

under any of the sub pages, such as Export Broker Services, there is a huge chunk of useless white space. I want that white space to end where the green bordered div ends.

Hello tizbo1423,
Instead of using <br> and <p></p> for creating spaces, leave that stuff out of the markup and adjust your spaces with margin or padding. You'll have a lot more control over things that way.
Try this -
<div class="contentRight style1">
<p><span class="style2">The key</span> to becoming a successful exporter is simply a matter of finding a market niche, identifying where foreign buyers or representative need your products or
services and learning what public and private sources exist to help you succeed in the global market place. </p>
</div>
<div class="questions">
<!--<div align="center">
<p><br>-->
<p>
<img src="images/questions.png" alt="Export Trade Brokers Customer Service" width="206" height="80"></p>
<!--</div>-->
</div>
<!--<p>&nbsp;</p>
<p>&nbsp;</p>-->
</div>
<div class="style6" id="feature1">
And a few changes in your CSS, I think I highlighted them all in red -