поведение IMG и текста

[ShumNo]

Имеем примерно такой код - 2 блока друг за другом

Контейнер в нем еще один в котором лежит картинка и текст.

<div class="clearcont">
	<div class="maincont">
		 <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p>
		 В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. 
	</div>
</div>
<div class="clearcont">
	<div class="maincont">
		 <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p>
		 В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. 
	</div>
</div>

стили

.imgmini {float:left;}
.clearcont {clear:both; padding-bottom:20px;margin-bottom:20px;}

Стиль к контейнеру основному заставляет не обтекать его чем либо. А стиль к картинке обтекать ее справа внутри 2-го конта

А теперь вопрос: у нас к главному конту стоит отступ и паддинг и маргин вниз на 20 пикселей каждый от конта. То есть в итоге должен быть отступ 40 пикселей или хотябы 20!!! но ни в FF ни в хроме этого отступа нет вообще, а считает браузер его от конца текста, а так как картинка у нас в высоту превышает высоту текста, то в итоге имеем то, что имеем - что делать?

Ребят помогите пожалуйста

Для большей картины залил картинку

Edited October 17, 2010 by ShumNo

[sigma77]

ShumNo,

Контейнеру overflow: hidden

Edited October 17, 2010 by sigma77

[ShumNo]

Ой спасибо вот только там откуда-то появляется отступ сверху...

Хотя нее это глюк фаербага)