Center div won't be liquid

[betawaffles]

For some reason, my 3 column layout won't shrink the center column labeled #content when you minimize the window, in any browser. I have a minimum and maximum width set to it along with a javascript function for IE, but alas, it is all failing me. Help would be appreciated, thanks.

http://www.mediaatmidnight.com/test/test2.htm

#content{
	padding: 0px 5px 0 5px;
	text-align:left;  
 	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	position: relative; 
	width:578px;
	min-width:393px;
    max-width:578px;
	 /* Width for IE makes website fluid width between 740 and 1100 px */
width:expression(document.body.clientWidth < 393? "388px" : document.body.clientWidth > 578? "578px" : "auto"); /* increased initial check value to 393 so it does not freeze Internet Explorer */

 }

[toicontien]

The width declaration in #container is causing this. Try removing it.