I have a style defined For this site: http://guaposcapecod.com/main.html

When I have the height: as "auto" it takes in all the content as seen here: http://guaposcapecod.com

But It doesn't take in all the content on this page: http://guaposcapecod.com/main.html

Now I can specify the Pixels to accomodate the content, but then the other page is cut off. How do I make it auto for both scenarios....most importantly auto for this page: http://guaposcapecod.com/main.html

I think it's got to be something with the way I have my DIV's setup but I'm no wiz.

page-wrap {

margin: 0 auto;
width: 1072px;
height: auto;
background-color: rgba(25,52,75,0.9);
overflow: hidden;
border-width: 6px;
border-style: solid;
border-color: #FFECA8;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.9);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
/*opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */

margin-bottom: 20px;
padding-bottom: 10px;

}