I have read this iFrame workaround for IE6. But I really don't understand on how to use this if I display a DIV dynamically.
I have attached a sample. When clicking on the input element, I want to show a div panel that have the topmost z-index. (That should be displayed over the select control)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript">
function showItem(obj) {
obj.style.visibility = 'visible';
obj.focus();
}
</script>
</head>
<body>
<input onclick="showItem(myPanel)" />
<div id="myPanel" style="position: absolute; top: 35px; left: 10px; width: 200px;
height: 200px; background-color: Gray; visibility: hidden; color: Silver;">
Hello world
</div>
<div>
<select name="thisDD" id="thisDD">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
</body>
</html>