title: Drag elements into a droppable list, into the proper position
body: <p>Is there any way to drag elements onto a sortable (droppable) list?  And have them added into the proper position in the list?</p>
  
  <p>At first I thought I could just do this with a function using a droppable div under the list BUT my lists will get longer than the screen.  Meaning users will have to scroll and at this point, I think trying to get mouse position will be meaningless.</p>
  
  <p>Here is a fiddle of what I am trying to do: 
  <a href="http://jsfiddle.net/tvance929/E7DPk/2/" rel="nofollow">http://jsfiddle.net/tvance929/E7DPk/2/</a></p>