Jquery sortable handle IE vs Firefox

Question

I am trying to use jquery to implement a portlet / widget style interface, with three columns and drag and drop inside and between them. it works almost completely, with the exception of the following small error. portlets have the h2 header, which I set as a descriptor in my sortable options. in firefox and chrome this works exactly as expected. in IE, only h2 text serves as a handle until I actually go through the portlet once. then the whole heading behaves as expected. is this a mistake, or am I missing something? my code is as follows:

    $('.column').sortable({
        connectWith: '.column',
        handle: 'h2',
        cursor: 'move',
        placeholder: 'placeholder',
        forcePlaceholderSize: true,
        opacity: 0.4
    })

Answer 1

- : 1; css , .