Как получить фон элемента p, чтобы покрыть изображение (т.е. проблема)

Question

Я изменил z-index элемента p, но он не будет охватывать ту часть изображения, которую я пытаюсь охватить - я считаю, что это проблема ie, так как она работает с firefox и chrome.

CSS элемента p

#slidearea .scrlCntr p{
    background: none repeat scroll 0 0 #000000;
    margin-top: -20px;
    opacity: 0.9;
    padding:0;
    z-index:999;
}

Answer 1

Полагаю, ему нужно position: "абсолютное, относительное ..."

   #slidearea .scrlCntr p{
        background: none repeat scroll 0 0 #000000;
        margin-top: -20px;
        opacity: 0.9;
        padding:0;
        z-index:999;
        position:relative;
    }