I was playing around with the name of the students however (as I would like to move around boxes that contained more characters) and when the length of the text exceeded one line it popped out of the box, I fixed that by tinkering with the CSS but the problem comes with the target columns height.
If one or more boxes containing more than 1 line of text are moved into it you can push the list out the bottom of the viewable area for that column
Looking at the JS the height are calculated, but it doesn't seem to take into account the possibility for larger boxes. I put in a quick alert to see what value it was assigning to itemHeight and this was the same for all LI elements including those that were 2 or more lines in length.
Any idea as to why it would be getting the itemHeight incorrectly?