Привет, народ. Может быть попробуем разобраться с z-indexами?

Вот например делаю дизайн, суть в том, что page-c "наползает" на extratop, на котором расположена сложная картинка, часть которой должна перекрываться текстом из эпиграфа и ссылками меню, а часть - собственно картинкой и остается. Это я сделал. Теперь мне нужно, чтобы фон page-t располагался ПОД картинкой экстратопа, а ссылки из эпиграфа - НАД картинкой. Делаю для page-t z-index: -1, в то время как индекс экстратопа 1, и ничего не происходит. Добавляю z-index: -1 для page-c, и эти блоки убираются под экстратоп. Теперь задача в том, чтобы сделать эпиграф НАД экстратопом, я прописываю #epigraph и #post0 {z-index: 10 !important;} и почему-то ничего не меняется, блоки всё равно находятся под топом, хотя z-index для page-c и page-t не имеет тега !important.
Возможен ли вообще мой вариант развития событий, как решить проблему и вообще, может быть отдельное мини-руководство по z-indexам для дайри написать?))

Внезапно код:
читать дальше
body{ background: #ffffff url("secure.diary.space/userdir/1/1/1/7/111774/59187...") ; margin:0; padding:0}
#wrapper{width:100%; padding:0 !important; margin:0;}
#extratop { background: url('/userdir/1/1/1/7/111774/59187497.png') no-repeat top right; !important; width:100%; height:498px; line-height:100% !important; padding-bottom: 20px !important; z-index: 1 !important;}
#page-t {padding-right: 160px !important; background: url('/userdir/1/1/1/7/111774/59187482.jpg') repeat-y top right; z-index: -1 }
#page-c {position: absolute !important; top: 295px !important; z-index: -1;}
#epigraph {padding-right: 100px !important; z-index: 10 !important;}
#post0 {z-index: 10 !important;}