Draggable position is not recognizing max-width

Draggable position is not recognizing max-width

I am using Draggable and Droppable in my site. Everything works great until I expand my window past my max-width stated in my CSS. then I do this, the draggables no longer appear where the curser is. They appear to the right, in varying distances depending on how wide my window is. When I turn off the max-width property, the draggable stays where the cursor is. I'm including screen shots of this:

The draggable is on the cursor when my window is smaller than my max-width:







The draggable is to the right of my cursor when my window is wider than my max-width:




The draggable is on my cursor again when I turn off the max-width property:



Has anyone else had this problem? Is there a reason that the draggable seems to not be recognizing the max-width property? Is there any way to limit the spread of the page while keeping the draggable on the cursor?

Thanks!