Block/box not expanding with content [fixed]

[Babo]

Update: Fixed it by removing unnecessary height values

Block refusing to expand vertically with more content and just overflows. Don't know why it's happening. Please help.

The problem I think area is under
#maincontentbox

Tried height:auto; which works for the banner/city photo image but just messes up things for the lower portion. When I change the height say, 500px everything moves according to position min-height didn't work either.


/* --- General Settings ---*/
*
{
margin:0px;
padding:0px;
}

body
{
background-color: #000916;
margin-top:0;
}

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
border:0px;
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

/* --- Layout --- */
#maincontainer
{
background-color:#000916;
margin:0 auto;
text-align:left;
height:auto;
width:1024px;
}
#maincontainer2
{
height:auto;
width:1024px;
}
#headerbox
{
background-image:url(../images/tfh_header_bg.png);
background-repeat:no-repeat;
height:173px;
width:1024px;
}
#logobox
{
height:173px;
width:270px;
float:left;

}
#searchlangbox
{
height:143px;
width:754px;
float:left;
}
#menubox
{
height:30px;
width:754px;
float:left;
}
#bannerbox
{
height:auto;
width:1024px;
}
#maincontentbox
{
background-image:url(../images/tfh_grad_border_3px.png);
background-position:right top;
background-repeat:no-repeat;
height:500px;
width:1024px;
}
#searchcontainer
{
height:355px;
width:454px;
float:left;
}
#searchbanner
{
height:22px;
width:454px;
float:left;
margin-left:22px;
margin-top:25px;
}
#searchbox
{

background-image:url(../images/search_bg.png);
height:255px;
width:410px;
float:none;
margin-top:66px;
margin-left:22px;
margin-right:22px;
}
#searchboxA
{
width:208px;
height:255px;
float:left;
}
#searchboxB
{
width:198px;
height:255px;
float:right;
}
#searchspace
{
height:16px;
width:198px;
float:left;
margin-left:22px;
}
#contentbox
{
background-image:url(../images/tfh_vert_border.png);
background-position:left;
background-repeat:no-repeat;
height:355px;
width:570px;
float:right;
}
#contentbanner
{
height:22px;
width:548px;
float:left;
margin-left:22px;
margin-top:25px;
}
#contentspace
{
height:16px;
width:548px;
float:left;
margin-left:22px;
}
#contentbody
{
height:285px;
width:526px;
float:left;
margin-left:22px;
margin-right:22px;
}
#bottomnav
{
background-image:url(../images/tfh_grad_border.png);
background-position:right top;
background-repeat:no-repeat;
height:40px;
width:1024px;
}