Fixed width content height problem

[zorocke]

Hey, i'm currently working on a fixed width layout. My problem is the white main content area i created needs to be a defined height in pixels or it does not color the background white, even when i fill the website with information. Inside the content area I have 2 columns. Below is some of the css code.


/* ----- MAIN CONTENT ----- */

#content {
width:958px;
background-color:#fff;
border-left:1px solid #b7c4ff;
border-right: 1px solid #b7c4ff;
border-bottom: 1px solid #b7c4ff;
height: 500px;
}

/*---Content Left ---*/
#content-left{
float: left;
width: 75%;
background-color: #fff;
/*border-right: 1px solid #b7c4ff;*/
}

}
/*---Content Right --- */
#content-right{
float:right;
width: 25%;
font-size: 1em;
background-color: #fff;
}


Any one have any ideas on how I would make the content area stretch the height of the content within it, and have it work on most browsers?