Растягивание div под div внутри него

[PCSpeaker]

Имеется вот такой несложный код

<div class="main">
	<div class="test">
	aaa<br>
	bbb<br>
	</div>
</div>

И вот такие вот к ним стили

.main
{
width:100%;
background-color: #000000;
}

.test
{
width: 20%;
background-color: #FFFFFF;
float: left;
}

Нужно чтобы на 20% ширины был белый фон, а на оставшиеся 80% черный.

Добавить внутрь второй div с шириной 80% плз не предлагайте, так как мне нужно, чтобы внешний див растянулся и это был именно его фон.

Если у test убрать параметр "float: left" то всё работает как надо, но мне нужен этот параметр.

Заранее спасибо.

Edited December 30, 2008 by PCSpeaker

[Vialls]

А все работает, как должно работать. Просто .main элемент не растягивается под ширину .test, т.к. используется параметр flow. Можете проверить:

.main
{
width:100%;
background-color: #000000;
height: 100px;
}

Скажите, какой конкретной цели вы пытаетесь достингнуть и я вам подскажу, как это сделать.

[3ABAPKA]

А зачем div.test" имеет float если в div.main только он один?

[Searcher]

есть еще такая вещь: position:absolute; если с этим параметром вложить еще один div с шириной в 80% и высотой 100%, родительскому диву задать position:relative;, а потом уже вкладывать плавающий блок, то у вас будет и фон и содержимое. Блок с position:absolute; отсутствует в стандартном потоке, так что он не будет мешать содержимому.

ну а кому какой цвет задавать - разберетесь

[ZoNT]

делай

.main
{
width:100%;
background-color: #000000;
overflow: hidden;
}

и не парься...

[PCSpeaker]

А зачем div.test" имеет float если в div.main только он один?

В конечном варианте их там 6, часть из них прозрачные и используют фон того в который они вложены. А тут просто их убрал, так как по сути они на проблему не влияют.

ZoNT,

Спасибо огромное! то что нужно.