JQuery UI Resizable Draggable

I have some calendar / scheduling based software: [login to view URL] This job applies to Weekly View only. You can add new events for testing by clicking the green + icons. Events can be resized by dragging the top border of the event up or down OR by dragging the bottom border of the event up or down. Dragging the top border upwards works perfectly as-is right now. When the bottom border starts being dragged, an upwards jump occurs and I am not sure why. I know this has to do with resizable within Jquery UI. If you can fix that jumping issue, updating the correct time as it resizes should be easy. This job is to change the time accordingly regardless of the way the event is resized / dragged. I must be 100% satisfied with the result and it must work perfectly. All currently functionality must remain in tact. Write "jquery expert" so I know you read all this. Thanks!