I have 3 divs creating a 3 column site. I need for the div which contents the content of the site to have the ability to expand to fit whatever content is entered. Therefore, i have something like this.

#main{width:1000px}
#sideBars{min-width:150px}
#content{min-width:700px}

<div id=main>
<div id=sideBars>Some links</div>
<div id=content>Some CONTENT</div>
<div id=sideBars>Some links</div>
</div>


In Firefox this works wonderfully. The site side bars stay at 150px and the content says at 700px unless pushed out but what content.

In IE the side bars extent past 150px and the site becomes a mess.

How do you sync up IE with the way Firefox is behaving?

Much appreciated!