Подскажите с float

[griboff]

Есть контейнер <div id="container"> в нем 5 контейнеров <div class="s"> 3-й контейнер <div class="s h"> по высоте больше чем другие, 5-й контейнер не вмещается в строку и втыкается в 3-й. Как сделать чтоб 5-й контейнер обходил 3-й?

вот код

.s{
	float:left;
	width:300px;
	height:300px;
	background:#fc0;
	margin:10px 0 0 10px;
}
.h{
	height:400px;
}

[psywalker]

clear: both?)

[griboff]

clear: both?)

я 5-ому контейнеру поставил

.h5{
	clear:both;
}

Только если уменьшать окно браузера 4-ый встает с новой строки а 5-ый под ним, а мне нужно чтоб при уменьшении окна браузера 5-ый div вставал с лево за 4-ым

[psywalker]

clear: both?)

я 5-ому контейнеру поставил

.h5{
	clear:both;
}

Только если уменьшать окно браузера 4-ый встает с новой строки а 5-ый под ним, а мне нужно чтоб при уменьшении окна браузера 5-ый div вставал с лево за 4-ым

Тогда откажись от float в пользу inline-block

[griboff]

Тогда откажись от float в пользу inline-block

Спасибо так работает, а как сделать чтоб div-ы с меньшим размером вставали по верхней разметки, а то они встают по нижний контейнера с наибольшей высоты?

vertical-align:top; нашол