Смещение блоков при изменении размера одного из них

[Marakaya]

Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая:

Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была неизменна ?

[Николя223]

JQUERY + .hover + position: absolute; убрать float, добавить display: inline или inline-block;

как вариант

[Sensei]

Если не нужны старые браузеры: http://jsfiddle.net/uTxGe/

[Bobikys]

а если задать при наведении атрицательные поля ? вот щас как раз читаю что при наличае отрицателных полей элемент может перекрывать рядом стоящие

[Marakaya]

  On 12/21/2012 at 7:24 AM, Sensei said:

Если не нужны старые браузеры: http://jsfiddle.net/uTxGe/

Ой, благодарствую!!!