css - Jquery autocomplete box staying in same place when scrolling the page -

when use jquery autocomplete, , when box appears, when scroll down page, box stays in same position. how can keep menu right under textfield when user scrolls?

also in code, have onkeyup event runs ajax function , when returns, change contents of autocomplete tags using this

        // search box element         var input = $("#" + searchboxid);          // set autocomplete tag list         input.autocomplete({             source: availabletags         });          // force autocomplete menu show         input.autocomplete("search", input.val()); 

how can fix this? thanks.

also found answer using appendto code jquery-autocomplete scroll issue.

but i'm not sure how use this.

you can use position attribute of css style make autocomp box relative input box.

position: "relative";