i have dropdown select menu in my page. when i click here link the black overlay comes .in FF overlay working fine but in IE6 the select option menu appeared on overlay...please help me
thanks in advance!
here is the code
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>LIGHTBOX EXAMPLE</title>
<style>
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 30%;
height: 30%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
</head>
<body>
<p>This is the main content. To display a OVERLAY <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='b lock';document.getElementById('fade').style.displa y='block'">click here</a></p>
<div>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select">
<option>abc</option>
<option>xyz</option>
<option>ghk</option>
<option>lmn</option>
</select>
</label>
</form>
</div>
<div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='n one';document.getElementById('fade').style.display ='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>
</body>
</html>[/html]