3 колонки. В центральной плавающие элементы. Как продлить фон колонки

[pizzZ]

В общем имеем:

<div id="wrapper">
	<div id="sidebarLeft"></div>
	<div id="sidebarRight"></div>
	<div id="content">
		<div class="items">
			 <div class="item"></div>
			 <div class="item"></div>
			 <div class="item"></div>
			 <div class="item"></div>
			 <div class="item"></div>
		</div>
	</div>
</div>

#sidebarLeft { float:left; width:225px; }
#sidebarRight { float:right; width:225px; }
#content { margin:0 225px; }
#content .items {  }
#content .items .item { float:left; width:100px; height:100px; }

Надо чтобы у блока #content был фон. Я ему просто задаю фон background-color:#fff; фона нет, так как в нем плавающий элемент. Ок ложу туда <div class="clear"></div> (Я думаю всем понятно че за класс clear?), ок фон продлевается, но если любая боковая колонка будет выше по высоте, это вызывает проблему, фон рястягивается по ее высоте, а не высоте контента. Ок, я определяю .items { zoom:1 } но он на всю ширину становиться белым. Непонятно. Подскажите как быть.

[psywalker]

#content { margin:0 225px; - удалить } а overflow: hidden; zoom:1; поставить.

[pizzZ]

#content { margin:0 225px; - удалить } а overflow: hidden; zoom:1; поставить.

так если удалить, то и 3 колонки не получиться... Или я ошибаюсь?

[pizzZ]

получается, только белый фон располагается по всей странице. А мне надо только на центральную колонку

[psywalker]

получается, только белый фон располагается по всей странице. А мне надо только на центральную колонку

Не может быть, покажи весь код.

[pizzZ]

извините. причина была в другом. Спасибо за решение

[psywalker]

извините. причина была в другом. Спасибо за решение

Так бы сразу