sorun yasıyorum cok

arkadaşlar z-index ile iki div üst üste gelecek. ugrastım yaptım . dreamweaver da gorunoyor duzgun ama tarayıcılarda iç içe saçma bi goruntu cıkıyor. css kodları sunlar : 

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

#sayfa #duyurular .duyuru1 img {   height: 11%;   padding-top: 1%;   width: 98%;   float: left;   text-decoration: none;!important; } .duydunmu{   position:absolute;   text-align:left;   padding-left:16%;   font-size:90%;   padding-top:2%;   z-index:1;   text-decoration:none; !important;   }

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

html kolarda bunlar

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

<div class="duyuru1"> <?php do { ?> <ul> <a href="duyurular.php?bolumadi?=<?php echo $row_duyurular['duy_katagori']; ?>" <li class="duydunmu"><?php echo $row_Recordset1['bolum_adi']; ?></li> <li> <img src="img/duyuru_baslangic.png" /></li> </a> </ul> <?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?> </div> </div>