Peter Neu wrote:
> 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.
>
This is normal behavior for form controls. They always rise to the
highest z-order. The best answer is to locate the control in a place
where it does not conflict with a menu.
--
Bob Easton
Accessibility Matters: http://access-matters.com
______________________________________________________________________
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/
