Переместить текст поверх изображения с помощью CSS

Question

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

.block1 img {position:relative:} 

А потом я использую

.text a {position:aboslute; top:0;} 

С хорошим успехом. Единственная проблема заключается в том, что у меня есть липкая панель навигации, в которой есть позиция: исправлено применение к ней. Таким образом, изображения переполняются липкой навигационной панелью.

Есть ли способ обойти это?

EDIT: Fiddle http://jsfiddle.net/WCwBv/4/

Это должно повторить эту проблему довольно близко.

Answer 1

Спасибо всем! Z-индекс: 1; на навигационной панели stick отлично работает. :)