Как сдвинуть средний контейнер вверх, с наложением на верхний, так чтобы нижний поднялся?

[maxxannik]

Здравствуйте!

Вот такая засада, у меня есть 4 контейнера, которые идут порядком друг за другом. Вот так http://jsfiddle.net/jjkJ8/8/

Мне нужно поднять 2й контейнер так чтобы он наложился на первый.

 

Поднимаю его добавляя свойства     position: relative; и top: -20px;

Сам контейнер поднимается, но вместо себя оставляет пустое место.

Мне же нужно сделать так чтобы блоки которые находятся ниже его, заняли его позицию. Чтобы пустое место не оставалось...

 

Уже день сижу и мозг сломал весь. Буду благодарен за помощь опытных товарищей по цеху!

[Z1gnet]

position: relative; задает позиционирование относительно своего изначального положения. визуально блок смещается, но в потоке блок остается на том же месте где был до смещения. то есть мы видим что блок сместился, а остальные блоки про это не знаю, как будет ничего не произошло. в итоге этот способ вам не подходит. вам нужно вместо position: relative; и top: -20px; задать margin:-20px 0 0;

подробнее про позиционирования можете почитать тут http://htmlbook.ru/samlayout/blochnaya-verstka/pozitsionirovanie-elementov

[maxxannik]

Уоу! Так просто! ))

Огромнейшее спасибо дружище Z1gnet!