how to set same height for float divs

Hi i have three divs as follows.


<div id="wrap">
<div id="leftFloat"></div>
<div id="rightFloat"></div>

</div>


How i can make both inner divs to have same height, height being equal to height of larger div.



thanks

You could use faux columns (http://www.alistapart.com/articles/fauxcolumns/)

Hello skywaves,
The way divs work, #leftFloat or #rightFloat (whichever is tallest) would determine the height of #wrap - not the other way around like you're describing.

ab is right, faux columns is the way to make them appear to be equal hieght. Have a look at a demo I have of faux columns. (http://nopeople.com/CSS/faux_columns/index.html)