Hello,
I trying to do a navigation bar with subentries based on the drop-down menu
example from Eric's book.
The approach works fine except when I try to overlap with the sub-entry a
form element. Somehow the select control panel shines through the popped up
subentry in the Internet Explorer. What can I do?
Here's some of the css:
div#nav ul ul{
position:absolute;
top:0;
left:6em;
background-color: #003173;
border:1px solid;
display: none;
}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav li:hover{
background: #6cbc0f;
}
I am trying to overlap this html code:
<div id="selection">
<ul>
<li id="criteria"> Indicator </li>
<li id="select">
<form name="#" method="GET" action="#">
<select name="#" onchange="#" >
<option value="0"> # </option>
</form>
</li>
</ul>
</div>
I tried the z-index but it does not seem to work on the select control
panel. The rest of the div tag gets overlapped though.
I uploaded the html and css files to this location.
http://www.geocities.com/mkdir2/ .
Unfortunately geocities does not allow me to upload the htc file.
Cheers,
Pete
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
