JQueryUI autocomplete IE6: how to use bgiframe plugin to solve z-index issue?

See more:

auto-complete

jQuery-UI

dear all,
in my (.aspx) page i have a JQueryUI autocomplete control, and a DropDownList under it.

using IE6 :
when i type in the autocomplete textbox, the suggestions list opens, but it gets rendered behind the DDL.

i tried to use bgiframe plugin to solve the issue, but it's giving an error.

i have included bgiframe.js version (3.0.1)in my master page, :

<script type="text/javascript" src="scripts/jquery.bgiframe.js"></script>

my Jquery version is 1.8

in a seperate .js file i have a function that creates autocomplete control:

function CreateAutoComplete(labelTextBox, idTextBox) {

    $("#" + labelTextBox).autocomplete({ source: arr,
        focus: function (event, ui) {
            $("#" + labelTextBox).val(ui.item.label);
            $("#" + idTextBox).val(ui.item.value);
            return false;
        },

        change: function (event, ui) {
            if (ui.item == null) {
                $("#" + labelTextBox).val("");
                $("#" + idTextBox).val("");
            }
        },

        select: function (event, ui) {
            $("#" + labelTextBox).val(ui.item.label);
            $("#" + idTextBox).val(ui.item.value);
            return false;
        } //,

    
    });

} // function

in the (aspx) page i have:

 <input id="employee" name='input' type="text" style="width: 98%; " dir="rtl" 
                lang="ar" class="text-field" />
<input id="empID" type = 'hidden'/>

in $(document).ready i have :

CreateAutoComplete("employee", "empID");
$("#employee").bgiframe();

when i browse the page i get an error:
htmlfile: unexpected call to method or property access

any ideas? thanks in advance