2 adet position:absolute sorunu var ne yapacağım yardım?

sorunumu hemen söyleyeyim bir resim var ve üzerine yazı çıkartıyorum css ile resim position:relative üzerinde çıkan yazı da position:absolute buraya kadar sorun yok hemen üzerinde de aşağıya doğru dropdown menum var o da position:absolute ama o üstte çıkmıyor onun alttaki resmin üzerindeki yazının da üstte çıkması için ne yapmalıyım

HTML yapında hata var anlaşılan, kodlarını eklersen yardımcı olacak kişiler çıkar her seferinde aynı şeyleri söyletmeyin lütfen.

üstte olmasını istediğiniz katmana z-index değeri verin. örneğin: z-index:2;

Z-index dışında 2 div alanını alt alta yazdırıp margin komutuyla ,istediğiniz bölgeye çekebilirsiniz.Yanlız bu işlemi yaparken bu divlerin hepsini 1 divin içine alıp margin:0px auto yapmayı unutumayın çünkü ekran çözünürlüğüne göre verdiğiniz marginler farklı farklı yerlerde çıkabilir.

üst menü css im

#nav ul {
background-color: #fff;
opacity:0.9;
filter:alpha(opacity=90);
border:1px solid #d5d5d3;
border-radius: 0 0px 5px 5px;
left: -9999px;
overflow: hidden;
position: absolute;
top: -9999px;
z-index: 2;
}



bu da alt tarafta kalmasına rağmen üstte olan yer discount kısmı


div.foto-photo{text-align:center; width:683px; height:316px; overflow:hidden; margin:6px; margin-bottom:0px;}
div.bdiscount{background-image:url(../images/bdiscount.png); background-repeat:no-repeat; width:75px; height:20px; font-size:36px; text-decoration:none; font-family:'Signika', sans-serif; padding:20px; padding-left:10px; color:#fff; position:absolute; z-index:3; margin:40px 0 0 3px; }
div.foto-photo img{position:relative; z-index:1; }
.foto:hover .bcizgi{display:block;}
div.foto-photo div.bcizgi{position:absolute; z-index:2; float:left; background:url(../images/bcizgi.png); background-repeat:repeat-x; width:683px; height:316px; display:none;}

html kodlarıyla birlikte yazarsanız yardımcı olabiliriz.

z-index değeri verdim ama olmadı