Почему не задаётся фон?

Question

[jenya7771]

Почему не задаётся фон дива post на остальные дивы?

<div class="post">
				<h1>
					Название
				</h1>
				<div class="cratca">
					<img src="images/no images.png" class="imgsty" alt="jjj" />
					<div class="text-mini">
						<p>
							нет текста нет текста нет текста нет текста нет текста 
							нет текста нет текста нет текста нет текста нет текста 
							нет текста нет текста нет текста нет текста нет текста 
							нет текста нет текста нет текста нет текста нет текста 
							нет текста нет текста нет текста нет текста нет текста 
						</p>
					</div>
					<div class="opisanie">
						<p>Категория:<a href="#">css</a></p>
					</div>
					<div class="dalee">
					</div>
				</div>
            </div>

.post{
background:#d9d9d9;
margin: auto top;
}
.imgsty{
float:left;
padding:0 10px 10px 0;
}
.opisanie{
float:;
}
.text-mini{
float:right;
}
.cratca{
background:#d9d9d9;
}
.post h1{
text-align: center;
}

Answer 1

[Roman Zhak]

Проблема в плавающих объектах, добавьте в конец:

<div style="clear: both;"></div>

e.g. : jsfiddle.net/5Achs

Comments

[jenya7771]

Почему текст не становится против картинки?

[Roman Zhak]

@jenya7771 задайте обтекание

Answer 2

[Alexander Mischuk]

Потому используя float вы вырываете из потока эти блоки и высота родительского блока зависит только от блоков в статичном потоке.
Используйте готовое решение в виде clearfix