fix div auto height

hi ! i have 3 div for index page .
<div id="1" align="center"><div style="float:left; width:20%;">&nbsp;</div><div id="2" style="float:left; width:60%;">&nbsp;</div><div id="3" style="float:right; width:20%;">&nbsp;</div></div>
1 = left with background
2 = middle with background
3 = right with background
Now how to write css when type in middle , all DIV ( left + right ) auto height and change to bottom !?
in table methods this worked nice but how to in DIV with css ? regards ( sorry for bad english )

Hello eric float,
I'm sure your English is better than the way I speak your language!

I've got a couple 3 column layouts that might give you a better start that what your doing. I think in the long run you'll appreciate using an attached CSS rather than the inline styling your quoting here.

Have a look at these and see if you can use anything:
one (http://nopeople.com/CSS/another_3-column/index.html)
two (http://nopeople.com/CSS/full-height-3column/index.html)

Hi eric,
Basically, you need to have some faux columns (http://www.alistapart.com/articles/fauxcolumns/) to achieve this.