картинки закрывают внешнюю рамочку

[CyberKatana]

Нужно создать блок с бардюром а внутрь него добавлять картинки то же с бардюром(список фотосетов).

http://jsfiddle.net/n7CPB/

Сие отображается как надо но без внешней рамочки(по 3 в ряд). Как только убираю float:left; из .block4 внешний бордюр возвращается но картинки соответственно расположены вертикально. Подскажите где беда.

P.S. Если вопрос идиотский прошу понять и простить ибо проба пера.

Edited December 26, 2012 by CyberKatana

[Николя223]

вот сюда выложите, лично мне в этом бардаке ничего не понятно

http://jsfiddle.net/

Edited December 26, 2012 by Николя223

[CyberKatana]

выложил

[CyberKatana]

Вновь взялся доделать жене сайт, кое что подправил, но проблема осталась та же.

http://jsfiddle.net/EKM8h/2/

block3, в котором должны находится block4 (все изображения), сворачивается по высоте в 0px и все картинки выходят за него и из-за этого не обрамляются одной рамкой. Нашел источник проблемы float: left; если это удалить из CSS то внешний блок обретает размер в соответствии с размером занимаемым всеми картинками, но тогда изображения расположены абы как. Помогите люди добрые криворукому самоучке, не могу найти или придумать решение этой проблемы!

[Kray Storm]

Так и должно быть. Ведь float-элементы игнорируются блочными. Как вариант - указать overflow. Либо поставить пустой блок-подкладку с clear между контентом и нижним краем контейнера. Можно его даже сгенерить через after.

[CyberKatana]

спс, понимал что float врятли заработает, но не знал ему замену) спс большое!!!