Menu disappears when it reaches text box. I used killme style class to hide the visibility of text box when mouseover the dropdown menu.
but now the problem is when i mouseover in drop down when mousepointer reach the place where text box appear at the time menu disappears even i hide the visibility of text box. Please if u have any solution that would be appreciate.
------------------->
 <td class="content-field">
      <div id="autocomplete" class="yui-ac">
        <input type="text" class="content-field" size="20" name="searchQuery" id="searchQuery" styleClass="killme">
        <div id="searchResults" style="z-index:1;width:500px;"></div>
      </div>
---------------------->
/* styles for entire widget */
.bodystyle .yui-ac {
    position:relative; // text box position.
    font-family:arial;
    font-size:100%;
}
---------------------->
.navrow {
    position: relative; // drop down menu top: 3px;
}
------------------------->
//MENU.JSP

<style type="text/css">
    .killme {display: block}
  </style>
  <div class="navrow" onMouseOver="menu_changecss('.killme','visibility' ,'hidden');" onMouseOut="menu_changecss('.killme','visibility', 'visible');">

  <% out.print(CmsMenuUtil.generateHTMLMenu(request)); %>

  </div>

----------------------------------------->
MENU.JS


function menu_changecss(theClass,element,value)
{
  // if IE, need to hide all of the select box elements
  if (document.all)
  {
           var selects = document.getElementsByTagName("SELECT");
           //var texts is added as a code fix for bug 18209
           var texts = document.getElementsByTagName("input");
      for (var selecti = 0; selecti < selects.length; selecti++)
      {
          select = selects[selecti];
          if (select.className.indexOf("killme") != -1 )
          {
              select.style.visibility = value;
          }
      }
      for (var texti = 0; texti < texts.length; texti++)
        {
                  text = texts[texti];
                  if(text.type !=null&&text.type !='undefined' && text.type =='text')
                  {
                          if(text.styleClass == null)
                          {
                              continue;
                          }
                          else if ( text.styleClass.indexOf("killme") != -1 )
                          {
                              text.style.visibility = value;
                        }
                  }
      }
  }
}

----------------------------------->
z-index is not working in IE 6.0 is there any solution for fix this issue.






bala