Firefox css: active doesn't work together with sortable (works in IE and chrome)

It's much easier to explain with an example: http://jsfiddle.net/ymt9azmm/

Problem: (In firefox) Cursor does not change to "Pointer" as I press td button to move row in table using jquery sort: http://bit.ly/1sM8ewX

It works in Chrome and IE - opens the script file in Chrome and sees the difference

Html:

<table border="1" id="sortable">
    <tbody class="ui-sortable">
        <tr id="order-4" style="opacity: 1;" class="">
            <td class="handle ui-sortable-handle"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</td>
            <td>name1</td>
        </tr>
        <tr id="order-4" style="opacity: 1;" class="">
            <td class="handle ui-sortable-handle"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</td>
            <td>name2</td>
        </tr>
    </tbody>
</table>

      

        
        
        
      

    

CSS

#sortable td:hover { 
    cursor: s-resize;
}
#sortable td:active{ 
    cursor: pointer;
}

      

        
        
        
      

    

js: (Also jquery && jquery-ui)

$(function() {
    $( "#sortable tbody" ).sortable();
    $( "#sortable" ).disableSelection();
});

      

        
        
        
      

    

To summarize: Css: #sortable td:active{cursor: pointer;}

Doesn't work in FireFox Cursor doesn't change to pointer.

How can I get it to work in firefox too?

thank