Добрый день. Есть такая конструкция



выставляю меню - z-index: 1, нижнему див - z-index:-1, выпадающие пункты меню поверх нижнего див, все хорошо, но вот кнопка становится неактивной.

Как с этим быть? без z-index, в ie выпадающее меню прячется за нижним див.

_____________

z-index: 999 для кнопки

_____________
Если долго в одних стенах живешь, ты с ними сростаешься

Stave
Какой именно div должен иметь z-index:999?

_____________

скинь код блоков и код CSS

Так не понятно ничего

_____________
Если долго в одних стенах живешь, ты с ними сростаешься

Это меню

<div style="width:100%; height:130px; position:relative; left:0; top:0; z-index:1;">
<div style="width:181px; height:96px; position: absolute; left:5%; top:20%;"><img src="<?=$logo?>" style="width:100%;"></div>
<div class="back">
    <ul id="menu">

			<li style="width:120px;"><a href="<?=$url_main ?>">Главная</a></li>
			<li>
				<a href="#">Каталог проектов</a>
				<ul>
					<li><p><a href="<?=$url_projects?>">Каталог домов</a></p></li>
					<li><p><a href="<?=$url_projects_bani?>">Каталог бань</a></p></li>
				</ul>
			</li>
				<li style="width:100px;">
				<a href="#">Цены</a>
				<ul>
					<li><p><a href="<?=$url_price_doma?>">Цены на дома из бруса</a></p></li>
					<li><p><a href="<?=$url_price_srub?>">Цены на срубы из дома</a></p></li>
					<li><p><a href="<?=$url_price_bani?>">Цены на бани</a></p></li>
					<li><p><a href="<?=$url_price_fundament?>">Цены на фундамент</a></p></li>
				</ul>
			</li>
			<li><a href="<?=$url_gallery?>">Фотогалерея</a></li>
			<li><a href="<?=$url_dnp?>">ДНП "Раздолье"</a></li>
			<li style="width:120px;"><a href="<?=$url_contacts?>">Контакты</a></li>
		</ul>
</div>
</div>

Это нижний div

<div style="position: relative; width:100%; height: 475px; background: url('img/banner.jpg'); background-size: cover; padding: 0; z-index:1;">
 <div style="width:200px; margin:0 auto; position:absolute; left:50%; margin-left:-100px; top:70%;"><a href="wanthouse.html" class="button_main">Хочу дом!</a></div>
    <div style="width:400px; height:110px; position:absolute; right:5%; background: #ffffff; text-align:center; border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; opacity: 0.9; filter:alpha(opacity=80);  -moz-opacity:0.8;">
      <ul style="font-family: Verdana; font-size:32px; padding-top:15px; color:#FF3E3E;"><?php echo $phone_office; ?></ul>
      <ul style="font-family: Calibri,Verdana; font-size:16px; padding-top:15px;">Режим работы: <?php echo $work_time; ?></ul>
    </div>
</div>

Это css от меню

#menu{
			list-style:none;
			padding:0;
			margin:0;
			font-size: 100%;
			font-family: Georgia;
		}
		#menu li{
			float:left;
			height:33px;
			padding:0;
			margin:0;
			width:150px;
			text-align:center;
			background:#ffffff;
			color: #515151;
			position:relative;
			padding-top: 12px;
		}
		#menu li: hover {
		  color: #ffffff;
		}
		#menu li ul{
			list-style:none;
			padding:0;
			margin:0;
			width:250px;
			display:none;
			position:absolute;
			left:0;
			top:45px;
			color: #515151;
		}
		#menu li ul li{
			float:none;
			height:33px;
			margin:0;
			width:250px;
			text-align:center;
			background:#7F7F7F;
			z-index: 5;

		}
		#menu li a{
			display:block;
			width:auto;
			height:33px;
			color: #fff;
			text-decoration: none;
			font-family:calibri,verdana,arial;
			font-size: 18px;
			text-align: center;
			color: #515151;
		}
		#menu li:hover a {
		  color: #ffffff;
		}
		#menu li p a:hover {
			 color: #ffffff;
	    }
		#menu li p a{
			display:block;
			width:250px;
			height:33px;
			color: #fff;
			text-decoration: none;
			font-family:calibri,verdana,arial;
			text-align: left;
			padding-left: 30px;
		}
		#menu li:hover ul, #menu li.jshover ul{
			display:block;
			color: #ffffff;

		}
		#menu li:hover, #menu li.jshover{
			background:#424242;
			color: #ffffff;

		}
		.back
		{
		width:70%;
		background:#ffffff;
		height: 33px;
		position: absolute;
		bottom: 33px;
		left: 25%;
		z-index: 1;
		}

_____________