unable to resize past certain point with multiple draggables/resizables

unable to resize past certain point with multiple draggables/resizables

When I have two divs on the page that are both resizable and draggable
and I resize one of them to take up almost the entire page and then
try to resize the other I am not able to resize the smaller one to be
bigger when the smaller one is sitting on top of the bigger one. Both
divs are absolutely positioned with different z indexes and are
initialized as follows:
draggable({ handles: "all",cursor: 'hand',cursor: 'pointer', stack:
{ group: ".reportContainer", min: 50}});
resizable({handles:'all'});
What I want to be able to do is resize any of them without anything
limiting them.
Thanks!
--