JQUERY Autocomplete help

JQUERY Autocomplete help

Hi Guys I have a autocomplete working but needs a few tweaks, im not a js man so go easy.

Here is the autocomplete - http://www.idream-design.co.uk/autocomplete

The problem im having is I dont want the horz scroll bar on dropdown and when I type it doesnt narrow down the search in the dropdown.



 
CODE:
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link href="CSS/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript" src="JavaScripts/jquery-1.3.2.min.js"></script>

        <script src="JavaScripts/jquery.autocomplete.pack.js" type="text/javascript"></script>

        <script type="text/javascript">


            //this function will clear only the default text of input field
            function clearText(thefield) {
                if (thefield.defaultValue == thefield.value)
                    thefield.value = ""
            }

            $(document).ready(function() {
                // get the input field
                var input = $('input#txtResourceFinder');

                // This function opens the full list before even typing
                // if you dont want this  omit this part.

                // Jquery autocomplete with xml file
                input.autocomplete('JavaScripts/links.xml', {
                    delay: 10,
                    minChars: 2,
                    matchSubset: 1,
                    matchContains: 1,
                    minChars: 0,
                    parse: parseXML,
                    formatItem: formatItem,
                    formatResult: formatResult
                });
               
                // this function will parse xml and return as a array of string
                function parseXML(xml) {
                    var results = [];
                    $(xml).find('item').each(function() {
                        var text = $.trim($(this).find('text').text());
                        var value = $.trim($(this).find('value').text());
                        results[results.length] = { 'data': { text: text, value: value },
                            'result': text, 'value': value
                        };
                    });
                    return results;
                };
               
                function formatItem(data) {
                    return data.text;
                };
               
                function formatResult(data) {
                    return data.text;

                };
            });

        </script>

    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <input id="txtResourceFinder" type="text" value="e.g. yahoo" onfocus="clearText(this)" />
        </div>
        </form>
    </body>
    </html>