jQueryUI sortable strange behaviour

Question

My friend made a HTML, I just added jQueryUI and made a part sortable. But it's responding awkwardly. Can you guys have a look and suggest what to do to fix is?

This is the JSBin.

http://jsbin.com/woyami/1/edit?html,css,output

Answer 1

Here is the solution.

remove float:left from "#designSidebar"

and

remove display: inline; float: left; from ".designtheme_area"

It will fix the issue.

Answer 2

I do not know what you are looking for but I'd go for that:

    $("#main-navigation").sortable({
          opacity: 0.6, 
          cursor: 'move', 
          tolerance: 'pointer'});