Beyler div içinde 2 class (genel ve genelim) mevcut bunlar şuan alt alta genelim adlı classı üste bindirme işlemini nasıl yapabilirim z-index ile beceremedim ?

Alıntı
<div id="ust">

<ul class="genel">
<ul class="menu">
<div class="icerik">Açilan Menü Içerigi</div>
</ul>
</ul>

<ul class="genelim">

</ul>

</div>
Alıntı
ul.genel {width: 100&; height: 50px; margin: 0 auto; background-color : rgba(0, 0, 0, 0.5); position: relative; z-index: 1; display: block;}


ul.genel a{
color: #fff;
display: block;
text-decoration: none;
width: 840px;
height: 50px;
font-weight:bold;
background-color : red;
margin: 0 auto;
}

ul.genelim {
width: 500px;
height: 50px;
background-color : blue;
margin: 0 auto
}