Drag and Drop from gallery/menu
 

Hey, Im new here so hope I'm posting this in the right place!

Basically I am trying to create an interactive drag and drop shopping cart, the problem being I want to be able to drag the products from a scroll-able menu/gallery, I have tried loads of combinations of code and different ways of doing it and keep coming up against the same problems!

The main problem I am having at the moment is the fact that when you drag the item from the menu to the shopping cart area, everything works except that when you drag out of the gallery/menu the dragged item appears to disappear until dropped in cart.

Here is the link to what I currently have and have been testing it with...
Drag Drop Test Site

Any help or advice would be very much appreciated!
Cheers, Will

I don't use JQuery, so this may not apply to your problem.

I would try playing around with the z-index settings in the CSS style sheet.
Try changing the settings of the images to a higher level than the body background.