Проблем с css меню

[BahFullFen]

Направих си това меню.До него има един div.Като излезе подменю и се препокрива с div-а до него и заради това не може да цъкнеш на него.Този проблем излезе на яве,когато направих всички div-ове прозрачни.Та въпроса ми е,как може да се оправи този проблем?

 

[Horror]

BahFullFen
МнениеПуснато на: Сря Окт 10, 2007 2:20 pm Заглавие: Проблем с css меню
Направих си това меню.До него има един div.Като излезе подменю и се препокрива с div-а до него и заради това не може да цъкнеш на него.Този проблем излезе на яве,когато направих всички div-ове прозрачни.Та въпроса ми е,как може да се оправи този проблем?

Ако може постни твоя код тук.
Иначе това с препокриването се оправя с атрибута Z-Index от CSS.

 

[BahFullFen]

CSS

 div.header {
background-color: #f609;
border: 1px solid #f609;
padding-top: 8px;
height: 21px;
padding-left: 3px;
width: 100%;
height: 100%;
filter: alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
 }
 div.header a {
border: 1px solid #fff;
padding: 4px;
background-color: #fc9;
color: #0077B4;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Sans-Serif;
font-size: 12px;
 }
 div.header a:hover {
color: #00A8FF;
background-color: #fff;
border: 1px solid #727272;
border-bottom: 1px solid #fff;
 }
div.menu {
width: 150px;
height: 100%;
background: #f609;
float: left;
margin-right: 5px;
filter: alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
 }

div.center {
color: #ff6609;
background: #ffcc99;
border: 1px solid #ffffff;
font-weight: bold;
text-decoration: none;
font-family: Verdana, Sans-Serif;
font-size: 12px;
width: 80.5%;
height: 200px;
float: right;  
filter: alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
 }

HTML

<div class="menu">
<ul>
  <li><a href="http://88.87.12.233">Начало</a></li>
  <li><a href="http://88.87.12.233/forums">Форум</a>
  <li><a href="http://88.87.12.233/za_nas">За нас</a>
<ul>
  <li><a href="#">Екип</a></li>
  <li><a href="#">История</a></li>
  <li><a href="#">Развитие на сайта</a></li>
</ul></li>
  <li><a href="#">Контакти</a></li>
</ul>
</div>
<div class="center">c</div>

Това е