i know how to put 3 divs side by side but i got a problem with placing them..

i need the center div to resize, how is this possible?

and how to make them have a height of 100%? i can't really figure that out, i can't find it possible to do without using tables, which i don't want because i want to do it with divs...

i haven't done more then the float part and adding the divs to my site:

css
Code:
  div#contentContainer {
  height:100%;
  min-width:1000px;
  min-height:570px;
  }

  div#left {
  float:left;
  width:220px;
  }
  
  div#middle {
  float:left;
  min-width:560px; //must not be shorter then 560px
  }
  div#right {
  float:right;
  width:220px;
  }
html
Code:
		<div id="contentContainer">
		<div id="left">left</div>
		<div id="middle">middle</div>
		<div id="right">right</div>
		<div style="clear:both;"></div>
		</div>