CSS3 Background

I am using a CSS3 gradient for my background in a custom theme.
I have no height set for my wrapper/container div. Some of my pages allow my background CSS to extend the full height of the page while other pages’ don’t. So what is happening is that I am getting this huge amount of white space after my background runs out or what ever is happening. Anyone know why?

The footer code:

<!-- Separator-->
<div class="separator-style"><img src=" <?php bloginfo('stylesheet_directory'); ?> /../web_project/images/separator.png" width="100%" /> </div>
<div id="footer-wrap" class="container_12 clearfix">
<div class="prefix_10 grid_2">
<p id="legal"><img src=" <?php bloginfo('stylesheet_directory'); ?> /../web_project/images/bottom-logo.png" width="20%" />Paul Yorde 2012</p>
</div></div></div> </div>
<?php wp_footer (); ?>
</body>

One of the pages in question:

Thanks,
Demetrius