Вот как эта страница выполняет (упрощенно):
.video-thumb-holder,
.video-link {
position: absolute;
}
.video-link {
display: block;
width: 54px;
height: 96px;
}
http://jsfiddle.net/xBzWv/1/
По сути, z-индекс автоматический, а элементы расположены абсолютно, поэтому поток элементов (div [object] -> a) позволяет следующему элементу иметь более высокий z-индекс, чем предыдущий элемент. который содержит объект.
Этот пример работает в FF5. Я полагаю, что это может быть проблемой в некоторых браузерах / версиях (IE6, может быть, в других), которые нуждаются в альтернативных методах для помещения объекта в правильную позицию z-index.
EDIT
На самом деле в IE (9) вышеприведенное не работает.
EDIT
IE использует объект Flash и использует подход <param NAME="wmode" VALUE="transparent">
для IE. Однако по какой-то причине эта скрипка http://jsfiddle.net/xBzWv/11/ все еще не работает.