Имеется:
Три колонки к примеру шириной (200,600,200) в средней есть элемент пусть div#block , и ещё какие-то занимающие всю ширину среднего контейнера.

Задача:
При увеличении ширины элемента div#block до 1000 обе боковые колонки съезжли под этот блок, но при этом были также прижатыми к краям, а остальное содержимое средней так и оставалось в средней колонке размера 600.

ломаю голову второй день, может у кого-нибудь воображалка лучше сработает )

Пример можно посмотреть?

Nau, а если мыслить логично, что может произойти если в емкость объемом 1 литр залить 2 литра?
Если вам прям так необходимо учесть такую вещь, как переполнение родительского блока, используйте правило overflow.

NDenis, мне надо чтобы боковые блоки съезжали вниз, если я буду оферфлоу юзать то мой div#block их просто закроет, или сам станет  обрезанным.

Ну вот схематично:






Понятно, что при такой вёрстке у меня при увеличении ширины #block, он просто закроет #right.

Самое простое конечно сделать это через DOM, тупо выдрать блок и вставить в начало контейнера, а для #block задать width:100%
но это не гуд.

Nau, сорри стормознул.  
Возможно, конечно, еще корявей, но можно поковорять через position:absolute;. Но без JS точно не обойтись.