DIVный дизайн

[kak2z]

В общем от ПХП потихоньку прехожу к CSS...  сейчас делаю небольшую фото галерею и решил не использовать таблицы (ибо умное чтиво говорит что это не кошерно) а решил использовать ДИВы...
Но не буду забегать вперед. Нужен мне трехколоночный дизайн - левая и правая колонки - статические, а центр резиновый (не путать с изделием номер 2)
Нашел прекрасный пример на http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-trekhkolonochnyi-maket вкратце CSS для макеты выглядит так

Код Выделить Развернуть

.header, .footer { background: #D5BAE4; }
.layout { overflow: hidden; }
.lblock { background: #C7E3E4; float: left; width: 200px; }
.rblock { background: #ECD5DE; width: 200px; float: right; }
.context { background: #E0D2C7;
margin: 0 200px 0 200px; /* Отступ справа и слева */
}

потом я размещаю в центральном ДИВе картинки которые в свою очередь находятся еще в ДИВах - выглядит это так

вверху картинки и внизу должен быть текст.. реализую эту красоту я такой строкой

Код Выделить Развернуть

echo '<div style="float: left; height: 120px; width:200px ;margin: 3px; padding: 3px; ">'; //ДИВ создал
echo 'sdfgsdfg</br><a href="'.$main_url.'/view_img.php?id_cat='.$id_cat.'&file_id='.$file_id.'"><img src="'.$pic_url.'/'.$file_name.'"  height = "100px"/></a><br>dfgsdfgsdfgsd';
echo '</div>'; //ДИВ закрыл

этот код находится в цикле и таким образом я заполняю весь центральный ДИВ (context).
Жизнь была бы прекрасна если бы не существовало IE9 (по крайней мере у меня такая версия.. как в более младших выглядит не знаю). Но в этой версии выглядит так


На сам левый див картинки не налазят.. но они выползают туда где дива нет.. хотя в Лисе и Хроме такого не наблюдается...
Внимание вопрос - Как эту проблему устранить)?
Спасибо)