javascript - メニューリストのjquery tokeninput

Question

I am facing a problem while using token input in my menu list. on hover of menu list my sublist opens and in that when i search for tokens input box and after result i wanted to select one token but the window is being closed .. please help

 <ul id="navlist">
   <li>list one
     <ul id="subnavlist">
        <li> <input type="text" id = "test" name= "test1" size='6'></test1>
        </li></ul>
      </li></ul>

my css goes like this

  ul#navlist li:hover
 {
background-color: #ffffff;
border:1px solid #E46713;
 padding-bottom:10px;

}

ul#subnavlist { display: none; }
ul#subnavlist li { float: left; }


ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 0px;
width:auto;
}

 ul#navlist li:hover ul#subnavlist li 
{
 display: block;
 border: 2px;
 padding: 0px;
 }