Can't select input field inside <li> that is in connected lists (in mozilla)

Can't select input field inside <li> that is in connected lists (in mozilla)

Hi,
I am developing a web store and I use connected lists with which users can drag wanted products in a shopping cart. I also have spinner boxes (input type="number") inside those <li> with which users can order more than one of each.
When I am in Chrome, everything is working flawlessly. When I use mozilla (i know that type="number" is not yet implemented, so it switches to type="text") I can't select that text field. Same happens when I put a normal type="text" field - can't select it in mozilla. The only way I can select it is using Tab key, which is rather inconvenient to users.
Do you have some solution to this problem? (if possible without jquery spinner)

EDIT:
I have found the problem.
        

         

           $(function() {
         

        

        

         

           $( "#sortable1, #sortable2" ).sortable({
         

        

        

         

           connectWith: ".connectedSortable"
         

        

        

         

           }).disableSelection();
         

        

        

         

           }); 
          I have just pasted this function from http://jqueryui.com/sortable/#connect-lists and did not temper it. It seams that it did not make problems for Chrome, but Mozilla actually did what it was supposed to do - it disabled Selection. So, I've deleted the underlined part and now it works fine. kbwood.au thank you for your wish to help.