Непонятный мне хинт с колонками одной высоты

[Choo]

Заметил одну странную штуку, хочу понять её природу.

Сначала о штуке.

Есть 2 слоя(опустим их стили):

<div id="left">
...
</div>

<div id="right">
...
</div>

Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной.

Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;".

<div id="content">

<div id="left">
...
</div>

<div id="right">
...
</div>

</div>

В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

[Vlad]

Так колонки разной высоты и получились, только обе на белом фоне, вот и кажется, что они одной высоты. Если их раскрасить в разные цвета, сразу будет заметна разница.

[Choo]

Я понимаю . Фоновый цвет у меня один у обеих колонок. Только я не понимаю, как float влияет на результат.

[Vlad]

Фон для плавающих блоков ставится весьма своеобразно, поэтому либо приведенное решение используют, либо ставят после плавающих блоков <div style="clear: both"></div>