Точнее сказать, дочерний элемент под родительским.
Оказалось, что z-index таким образом работать отказывается. Он прекрасно работает для рядомстоящих элементов, но если речь идет о непосредственно друх - родителе и потомке, то никакие комбинации position, отрицательных z-index и прочего не помогают.

Интересно, возможно ли вообще сделать вот это: http://jsfiddle.net/ThXKH/
При вот такой разметке:исключительно через CSS.

Вся суть вопроса в тенях на перекрытии элементов. Должно быть видно, что маленький дочерний блок именно сзади большого родительского, т.е. точно как в примере.

Вопрос не критичный. Дизайн в зародыше и можно пойти другим путем. Но, как известно, дьявол скрывается в мелочах. И все равно очень хочется достичь представленного эффекта без нарезания картинок и спагетти в разметке, если это возможно.

Это сообщение отредактировал(а) Arantir - 21.12.2012, 23:17