I have a Firefox question regarding a Dropdown box on the grid ?

gjonkers

I have the first column on my grid that is a dropdown box that has the value of a small string under 10 characters and the displayed dropdown value is actually larger. About 40 - 50 characters. Only in Firefox I have an issue with an 'x' and left/right arrow appears on both top of the dropdown and to the left of it. Then it locks up and does not allow me to selected the value. This is ONLY in Firefox. Any Ideas ?

The javascript is below for most of the grid:
(The second column is the dropdown and the ajax call is going to the server to retrieve the aaData Table to populate the grid.)

Again this works great in IE and Chrome, but not in FireFox.

$("#container_holds").dataTable({
    "bProcessing": true,
    "bLengthChange": false,
    "deferRender": false,
    "bDeferRender": false,
    "sScrollX": "100%",
    "cache": false,
    "sAjaxSource": baseURL + "VITTerminalAccess/GetEquipmentTypeInformation.aspx?GKey=" + Gkey + "&Locked=" + $("#hdnLocked").val(),
    "sDom": '<"H"lr>t<"F"ip>',
    "aoColumns": [
                { "bVisible": false },
                {
                    "sName": "SZTPHT", "sTitle": szTpHt, "sClass": "SZTPHT",
                },
                {
                    "sName": "Qty", "sTitle": qty, "sClass": "Qty",
                    "mRender": function (data, type, full) {
                        return '<div contenteditable="true" style="height: 100%; width: 100%;">' + data + '</div>';
                    }
                },
                { "sName": "Rcvd", "sTitle": rcvd },
                { "sName": "Tally", "sTitle": tally },