css - AutoCompleteExtender positioning for Chrome ONLY -

css - AutoCompleteExtender positioning for Chrome ONLY -

autocompleteextender positioning doesn't work in google chrome. works fine in ie though.

please see image attached. in ie style in inline element , nil appears on element style in google chrome.

the ajax list appears on top instead of below company name's textbox.

<span class="singlelinetextinput">company name</span><asp:textbox id="companynametextbox" cssclass="singlelinetextinput" runat="server"></asp:textbox> <div id="completionlist"></div> <ajaxtoolkit:autocompleteextender id="autocompleteextender1" runat="server" minimumprefixlength="1" targetcontrolid="companynametextbox" completionlistelementid="completionlist" servicemethod="getprovidercompletionlist" servicepath="~/services/providerselectorservice.asmx" completioninterval="500" completionsetcount="20" completionlistcssclass="completionlist" onclientpopulated="autocompleteclientpopulated" onclientitemselected="autocompleteitemselectedhandler" />

can help in please?

i fixed entering below in css:

@media screen , (-webkit-min-device-pixel-ratio:0) { div#completionlist { width: 350px !important; top: 1134px !important; } }

thanks views people! :)

css google-chrome position autocompleteextender