Вот возник такой вопрос, как сделать правильно такую раскладку:

есть 3 колонки по 33% допустим, в каждой из них есть блок:
- картинка большая
- под картинкой ссылка с маленькой картинкой

(см. пристёгнутый файл схемы)

Мне нужно, чтобы при любом изменении окна браузеора блок с картинкой и текстом под ней(см. в приложении красным бордюром обведен блок) был всегда по центру! А текст с картинкой прибит всегда к левому краяю картинки.

Т.е. если картинка 260px, то всё, что располагается под картинкой тоже шириной 260px и не выходит за гарницы картинки.

Предположим, что размеры Большой картинки фиксированные(думаю, что так проще будет) - 260px
колонки:
Код:
<div id="middlecontent">
****<div id="mcleft">
 *[img]img/pict1.jpg[/img]
 *

[Только зарегистрированные пользователи могут видеть ссылки. ]</p>
****</div>
****<div id="mccenter">
 *[img]img/pict1.jpg[/img]
 *

[Только зарегистрированные пользователи могут видеть ссылки. ]</p>
****</div>
****<div id="mcright">
 *[img]img/pict1.jpg[/img]
 *

[Только зарегистрированные пользователи могут видеть ссылки. ]</p>
****</div>
</div>

сcs:
#middlecontent {width: 100%; overflow: hidden;}
#mcleft, #mccenter {width: 33%; float: left;}
* html #mccenter {margin-right: -1px;}
#mcright {width: 34%; *float: right;}
мал.картинку-лого слева от текста я думаю можно задать в тэге <a>

Подскажите, как же сделать эти блоки точно по центру колонки, каждый блок с картинкой по центру своей колонки!!!! (между колонками есть отступы...примерно по 20px)