drag and drop jquery bug at 50% of parents width?

drag and drop jquery bug at 50% of parents width?

Note: I am new to this drag & drop, but this appears to be bug.

I attached my code. If you open it up as HTML you will notice three lines at the left, and one line at the right.

The line at the right can be drag & dropped on the first two lines.  Anytime you drag & drop to the first line it will always work. But if you drag & drop to the second line it will only work if you drop the item on the text that is within the first 50% of the width of the cell. In this example the cell is 600px width, so only the text within the first ~300 pixels of that cell that be dragged and dropped. I also ran this test with a other size cells with the same result, I also tried this with a div (started with a div) and had same bug/issue.

Note: "line 3 - 50% example" is a td with 50% just so I could visually see the 50% mark. So anytime I try to drag and drop and I am more then ~3 pixels past the red background it will fail no matter what the size of the cell/div is.